:root{--color-bg:#f9f7f6;--color-bg-footer:#f2efed;--color-primary:#127aca;--color-black:#000;--color-gray2:#c4c4c4;--color-gray:#ebebeb;--color-white:#fff;--color-text:#2e2e2e;--color-text-bold:#363636;--color-text-light:#666;--color-link:#378ef0;--color-link-hover:#363636}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}html,body{height:100%;margin:0;padding:0}body{background:var(--color-bg)}footer{background:var(--color-bg-footer);margin-top:32px;padding:2rem 1.5rem 3rem}footer a{color:var(--color-black);text-decoration:underline}p,li,span{font-size:16px}ul{padding-left:32px}li{line-height:1.6}h1{margin-bottom:8px}h1,h2,h3,p{color:var(--color-text);line-height:1.2}strong,b{color:var(--color-text-bold)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}#root{flex-direction:column;justify-content:space-between;width:100%;min-height:100dvh;display:flex}.container{width:100%;max-width:680px;margin:0 auto;padding:0 16px;position:relative}select{border:1px var(--color-gray2)solid;background:var(--color-white);border-radius:5px;width:100%;min-height:32px;margin:8px 0;padding:6px 10px;font-size:12px;display:inline-block}input[type=text]{border:1px var(--color-gray2)solid;background:var(--color-white);border-radius:5px;width:100%;min-height:32px;margin:8px 0;padding:6px 10px;font-size:12px;display:inline-block}input[type=file]{border:1px var(--color-gray2)solid;background:var(--color-white);border-radius:5px;width:100%;min-height:32px;margin:8px 0;padding:6px 10px;font-size:12px;display:inline-block}input[type=email]{border:1px var(--color-gray2)solid;background:var(--color-white);border-radius:5px;width:100%;min-height:32px;margin:8px 0;padding:6px 10px;font-size:12px;display:inline-block}.ripple{background-color:rgba(255,255,255,.5);border-radius:50%;width:2px;height:2px;animation:.5s ease-in-out rippleEffect;position:absolute}@keyframes rippleEffect{0%{transform:scale(1)}to{opacity:0;transform:scale(var(--scale))}}button,.btn{background-color:var(--color-gray);border:1px var(--color-gray2)solid;cursor:pointer;color:#000;border-radius:5px;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.2;transition:opacity .2s;display:inline-block;position:relative;overflow:hidden}button:hover,.btn:hover{opacity:.7}.btn.blue{color:var(--color-white);background-color:var(--color-primary);border:1px var(--color-primary)solid}.btn.orange{color:var(--color-white);background-color:#e67e22;border:1px solid #d35400}.btn.round{border-radius:16px}.btn:disabled{color:rgba(16,16,16,.3);cursor:not-allowed}.btn.blue.btn:disabled{opacity:.5;color:var(--color-white)}.btn.download{padding:4px 8px}input{background-color:var(--color-white)}div[id^=upload-area-]{text-align:center;background-color:var(--color-white);border:2px dashed #d1d1d1;width:180px;padding:16px;display:inline-block}div[id^=upload-area-].is-dragover{background-color:#f5f5f5;border-color:gray}pre{color:#555;background:#eaeaea;border:1px solid #c4c4c4;border-radius:4px;max-height:max(50vh,312px);padding:8px;overflow:auto}code{font-family:monospace}header>div{flex-direction:row;justify-content:space-between;display:flex}header>div>div{padding-top:24px}.checkbox{font-family:monospace;position:relative;top:-2px}.flex{display:flex}.margin-0{margin:0}.margin-right-8{margin-right:8px}.margin-top-8{margin-top:8px}.margin-top-48{margin-top:48px}.margin-top-64{margin-top:64px}.margin-bottom-8{margin-bottom:8px}.margin-bottom-48{margin-bottom:48px}.margin-bottom-64{margin-bottom:64px}.has-text-small{font-size:small}#upload-area{justify-content:space-evenly;gap:16px;display:flex}#qrcode>.popup-box>div{background-color:var(--color-white);text-align:center;margin-bottom:16px}.popup{z-index:1;background-color:rgba(0,0,0,.5);width:100vw;height:100vh;position:fixed;top:0;left:0}.popup-box{z-index:10;box-sizing:content-box;background:#dcdcdc;border:1px solid #a7a7a7;border-radius:5px;width:min(320px,90%);padding:16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-box h3{margin-top:0}.overflow-auto{overflow:auto}.hidden{display:none!important}div[id^=upload-area-]>p{margin:8px 0 0;font-size:14px}#create-credentials-form{flex-flow:wrap;justify-content:space-between;gap:10px 24px;display:flex}#create-credentials-form>div{flex-basis:calc(50% - 12px)}@media only screen and (max-width:600px){#create-credentials-form>div{flex-basis:100%}}.offline-message{text-align:center;font-size:large}#announcement{background:#faebd7;border-radius:8px;margin:0;padding:1px 16px}.legal-table{border-collapse:collapse;width:100%;margin-bottom:1em}.legal-table tr{text-align:left;border-bottom:1px solid #ccc}.legal-table th,.legal-table td{padding:8px}#service-cards{flex-wrap:wrap;gap:24px;margin-top:24px;display:flex}.service-card{background:var(--color-white);border:2px solid var(--color-gray2);border-radius:8px;flex-direction:column;flex:1;gap:16px;min-width:280px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.service-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.service-header h3{margin:0;font-size:20px}.badge{background-color:var(--color-gray);border:1px var(--color-gray2)solid;color:var(--color-text);white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.blue{color:var(--color-white);background-color:var(--color-primary);border:1px var(--color-primary)solid}.service-card p{color:var(--color-text-light);margin:0;line-height:1.5}.service-card .btn{text-align:center;width:100%;margin-top:auto}@media only screen and (max-width:600px){#service-cards{flex-direction:column}.service-card{min-width:100%}}.hero{text-align:center}.hero-title{margin-bottom:16px;font-size:32px;font-weight:700}.hero-subtitle{color:var(--color-text-light);max-width:640px;margin:0 auto;font-size:18px;line-height:1.6}.steps{flex-wrap:wrap;gap:32px;margin-top:32px;display:flex}.step{text-align:center;flex:1;min-width:200px}.step-number{background-color:var(--color-primary);width:48px;height:48px;color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.step h3{margin:0 0 8px;font-size:18px}.step p{color:var(--color-text-light);margin:0;line-height:1.5}@media only screen and (max-width:600px){.hero-title{font-size:24px}.hero-subtitle{font-size:16px}.steps{flex-direction:column;gap:24px}}