:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-subtle:#f5f7ff;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--slate-950:#020617;--white:#fff;--indigo-300:#a5b4fc;--indigo-400:#818cf8;--indigo-500:#6366f1;--indigo-600:#4f46e5;--indigo-700:#4338ca;--indigo-900:#312e81;--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;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,var(--primary-subtle)0%,var(--white)100%);color:var(--slate-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.site-nav{background:var(--white);border-bottom:1px solid var(--slate-200);z-index:100;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:80rem;margin:0 auto;display:flex}.nav-brand{color:var(--slate-900);letter-spacing:-.025em;font-size:1.125rem;font-weight:700;text-decoration:none}.nav-brand:hover{color:var(--slate-900)}.nav-btn{color:var(--white);background:var(--primary);border-radius:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-btn:hover{background:var(--primary-hover);color:var(--white)}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}main{flex:1}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}strong,b{color:var(--slate-800)}@keyframes hero-glow{0%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:.8;transform:translate(-50%)scale(1.1)}}@keyframes hero-glow-secondary{0%{opacity:.8;transform:scale(1)translateY(0)}to{opacity:1;transform:scale(1.15)translateY(-5%)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse-arrow{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.8;transform:translate(4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}section{padding:6rem 1.5rem}section.bg-white{background:var(--white)}section.bg-slate{background:rgba(248,250,252,.5)}section.bg-dark{background:var(--slate-900);color:var(--white)}section.bordered{border-top:1px solid var(--slate-200)}.section-container{max-width:80rem;margin:0 auto;padding:0 1.5rem}@media (max-width:650px){.section-container{padding:0 .5rem}}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{color:var(--slate-900);margin-bottom:1rem;font-size:2.25rem;font-weight:700}.section-header p{color:var(--slate-600);max-width:42rem;margin:0 auto;font-size:1.125rem;line-height:1.6}@media (min-width:768px){.section-header h2{font-size:3rem}}.bg-dark .section-header h2{color:var(--white)}.bg-dark .section-header p{color:var(--slate-300)}.section-badge{color:var(--primary);background:var(--primary-light);letter-spacing:.05em;border:1px solid rgba(79,70,229,.2);border-radius:9999px;margin-bottom:1rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.bg-dark .section-badge{color:var(--indigo-300);background:rgba(49,46,129,.5);border-color:rgba(67,56,202,.5)}.section-badge.orange{color:#ea580c;background:rgba(234,88,12,.1);border-color:rgba(249,115,22,.3)}.beta-notice{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:3px solid rgba(255,255,255,.2);padding:1rem 2rem;font-size:.95rem}.beta-notice strong{text-transform:uppercase;letter-spacing:.5px;color:#fff;font-weight:700}.beta-notice a{color:#fff;font-weight:600;text-decoration:underline}.beta-notice a:hover{opacity:.9;color:#fff}.badge{color:var(--primary);background:var(--primary-light);border:1px solid rgba(79,70,229,.2);border-radius:9999px;align-items:center;margin-bottom:2rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 0 20px rgba(79,70,229,.1),0 4px 6px -1px rgba(0,0,0,.05)}.badge:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(79,70,229,.2),0 4px 10px -1px rgba(0,0,0,.1)}.pulse-dot{background:var(--primary);border-radius:9999px;width:.5rem;height:.5rem;margin-right:.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;box-shadow:0 0 10px rgba(79,70,229,.6)}.hero-wrapper{background-image:linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px);background-size:40px 40px;position:relative;overflow:hidden}.hero-wrapper:before{content:"";aspect-ratio:1;pointer-events:none;z-index:0;-webkit-filter:blur(60px);filter:blur(60px);background:radial-gradient(circle,rgba(99,102,241,.2) 0%,rgba(139,92,246,.15) 25%,rgba(236,72,153,.08) 50%,transparent 70%);width:140%;max-width:1400px;animation:8s ease-in-out infinite alternate hero-glow;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero-wrapper:after{content:"";aspect-ratio:1;pointer-events:none;z-index:0;-webkit-filter:blur(50px);filter:blur(50px);background:radial-gradient(circle,rgba(34,211,238,.15) 0%,rgba(59,130,246,.1) 40%,transparent 70%);width:50%;max-width:600px;animation:10s ease-in-out infinite alternate-reverse hero-glow-secondary;position:absolute;top:10%;right:-10%}header{z-index:1;text-align:center;max-width:72rem;margin:0 auto;padding:6rem 1.5rem 7rem;position:relative}header h1{letter-spacing:-.025em;color:var(--slate-900);text-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.1}@media (min-width:768px){header h1{font-size:3.75rem}}@media (min-width:1024px){header h1{font-size:4.5rem}}header h1 .highlight{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 25%,#ec4899 50%,#f59e0b 75%,#6366f1 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;font-size:inherit;font-weight:inherit;line-height:inherit;-webkit-background-clip:text;background-clip:text;margin:-.1em -.15em;padding:.1em .15em;animation:8s infinite gradient-shift;display:inline-block}header .subtitle{color:var(--slate-600);max-width:48rem;margin-top:1.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;font-weight:400;line-height:1.75}header .subtitle strong{color:var(--slate-800);font-weight:700}#service-cards{flex-wrap:wrap;gap:2rem;max-width:56rem;margin:0 auto;display:flex}.service-card{background:var(--white);border:1px solid var(--slate-200);border-radius:.75rem;flex-direction:column;flex:1;gap:1rem;min-width:260px;padding:2rem;transition:all .3s;display:flex;box-shadow:0 1px 2px rgba(0,0,0,.05)}.service-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.service-card.featured{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 4px 6px -1px rgba(0,0,0,.1)}.service-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.service-header h3{color:var(--slate-900);font-size:1.25rem;font-weight:700}.badge-label{background:var(--slate-100);border:1px solid var(--slate-200);color:var(--slate-600);white-space:nowrap;border-radius:4px;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-block}.badge-label.blue{color:var(--white);background:var(--primary);border-color:var(--primary)}.service-card p{color:var(--slate-600);flex:1;font-size:.9375rem;line-height:1.6}.btn-service{text-align:center;border:2px solid var(--slate-200);color:var(--slate-900);cursor:pointer;background:0 0;border-radius:.5rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:block}.btn-service:hover{background:var(--slate-50);border-color:var(--slate-300);color:var(--slate-900)}.btn-service.blue{background:var(--primary);color:var(--white);border-color:var(--primary)}.btn-service.blue:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:var(--white)}@media (max-width:600px){#service-cards{flex-direction:column}.service-card{min-width:100%}}.how-it-works-section .section-header h2,.how-it-works-section .section-header p{color:var(--white)}.steps-container{flex-direction:column;justify-content:center;align-items:center;gap:3rem;max-width:72rem;margin:0 auto;padding:2rem 0;display:flex}@media (min-width:768px){.steps-container{flex-direction:row;gap:2rem}}.steps-container .step{text-align:center;flex:1;max-width:18rem}.steps-container .step h3{color:var(--white);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.steps-container .step p{color:var(--slate-400);font-size:.9rem;line-height:1.6}.step-icon{background:linear-gradient(135deg,rgba(79,70,229,.1) 0%,rgba(99,102,241,.1) 100%);border:2px solid rgba(79,70,229,.5);border-radius:1.5rem;justify-content:center;align-items:center;width:7rem;height:7rem;margin:0 auto 1.5rem;transition:all .3s;display:flex;position:relative;box-shadow:0 0 30px rgba(79,70,229,.3),0 10px 20px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.1)}.step-icon:before{content:"";-webkit-mask-composite:xor;opacity:0;background:linear-gradient(135deg,rgba(99,102,241,.6),rgba(79,70,229,.3));border-radius:1.5rem;padding:2px;transition:opacity .3s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.step-icon:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 0 40px rgba(79,70,229,.5),0 15px 30px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15)}.step-icon:hover:before{opacity:1}.step-icon img{z-index:1;width:5rem;height:5rem;position:relative}.step-icon.store-icons{box-shadow:none;background:0 0;border:none;gap:.75rem;width:auto;height:auto;display:flex}.step-icon.store-icons:before{display:none}.step-icon.store-icons:hover{box-shadow:none;transform:none}.store-square{border-radius:1rem;justify-content:center;align-items:center;width:4rem;height:4rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 15px rgba(0,0,0,.3)}.store-square:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.4)}.apple-square{background:linear-gradient(135deg,#2196f3 0%,#1565c0 50%,#0d47a1 100%)}.apple-square img{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));width:auto;height:2rem}.android-square{background:linear-gradient(135deg,#4caf50 0%,#2e7d32 50%,#1b5e20 100%)}.android-square img{-webkit-filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));width:2rem;height:2rem}.arrow{flex-shrink:0;justify-content:center;align-items:center;display:none}@media (min-width:768px){.arrow{display:flex}}.arrow img{opacity:.6;-webkit-filter:brightness(0)saturate()invert(39%)sepia(81%)saturate(1885%)hue-rotate(225deg)brightness(98%)contrast(95%);filter:brightness(0)saturate()invert(39%)sepia(81%)saturate(1885%)hue-rotate(225deg)brightness(98%)contrast(95%);width:1.75rem;height:1.75rem;animation:2s ease-in-out infinite pulse-arrow}.announcement-box{background:var(--white);border:1px solid var(--slate-200);border-radius:1rem;max-width:56rem;margin:0 auto;padding:3rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}.announcement-box .section-header{margin-bottom:2rem}.announcement-box .section-header h2{font-size:1.75rem}.announcement-content h3{color:var(--slate-900);margin-top:2rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.announcement-content p{color:var(--slate-600);margin-bottom:.75rem;font-size:1rem;line-height:1.75}.announcement-content strong{color:var(--slate-800)}.btn-cta{border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;color:var(--white)!important}.btn-cta.orange{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px rgba(249,115,22,.3);color:var(--white)!important}.btn-cta.orange:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(249,115,22,.4);color:var(--white)!important}.btn-cta img{-webkit-filter:brightness(0)invert();filter:brightness(0)invert();width:16px;height:16px}@media (max-width:640px){.announcement-box{padding:2rem 1.25rem}.announcement-box .section-header h2{font-size:1.5rem}}.why-section{padding:6rem 1.5rem}.why-section .section-container{max-width:900px;margin:0 auto}.why-content{text-align:center}.why-content h2{color:var(--slate-100);margin-bottom:2rem;font-size:max(1.75rem,min(4vw,2.5rem));font-weight:700;line-height:1.2}.why-content h2 .highlight{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.why-story{text-align:left;max-width:720px;margin:0 auto 3rem}.why-story p{color:var(--slate-300);margin-bottom:1.25rem;font-size:1.05rem;line-height:1.8}.why-story strong{color:var(--slate-100)}.why-story a{color:var(--indigo-400);text-underline-offset:2px;text-decoration:underline}.why-story a:hover{color:var(--indigo-300)}.early-bird-cta{background:linear-gradient(135deg,rgba(234,88,12,.1),rgba(249,115,22,.05));border:2px solid rgba(249,115,22,.3);border-radius:16px;margin-top:2.5rem;padding:2.5rem 2rem;position:relative;overflow:hidden}.early-bird-cta:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(249,115,22,.15),transparent 60%);position:absolute;top:0;bottom:0;left:0;right:0}.early-bird-content{z-index:1;text-align:center;max-width:600px;margin:0 auto;position:relative}.early-bird-badge{letter-spacing:.05em;color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite pulse-glow;display:inline-flex;box-shadow:0 4px 15px rgba(249,115,22,.4)}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px rgba(249,115,22,.4)}50%{box-shadow:0 4px 25px rgba(249,115,22,.6)}}.early-bird-badge img{-webkit-filter:brightness(0)invert();filter:brightness(0)invert();width:16px;height:16px}.early-bird-content h3{color:var(--slate-900);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.early-bird-content p{color:var(--slate-600);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.early-bird-content p strong{color:#f97316;font-size:1.15rem;font-weight:700}.early-bird-btn{color:#ea580c;background:#fff;border:2px solid rgba(249,115,22,.3);border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}a.early-bird-btn{color:#ea580c}.early-bird-btn:hover{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);transform:translateY(-2px);box-shadow:0 8px 25px rgba(249,115,22,.5)}a.early-bird-btn:hover{color:#fff}.early-bird-btn:hover img{-webkit-filter:brightness(0)invert();filter:brightness(0)invert()}.early-bird-btn img{-webkit-filter:brightness(0)saturate()invert(47%)sepia(98%)saturate(1653%)hue-rotate(360deg)brightness(101%)contrast(97%);filter:brightness(0)saturate()invert(47%)sepia(98%)saturate(1653%)hue-rotate(360deg)brightness(101%)contrast(97%);width:18px;height:18px;transition:-webkit-filter .2s,filter .2s}@media (max-width:640px){.early-bird-cta{padding:2rem 1.5rem}.early-bird-content h3{font-size:1.25rem}.early-bird-content p{font-size:.95rem}}footer{border-top:1px solid var(--slate-200);background:var(--white);padding:4rem 1.5rem}.footer-container{max-width:80rem;margin:0 auto}.footer-main{flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}@media (min-width:768px){.footer-main{flex-flow:wrap;justify-content:space-between}}.footer-brand{text-align:center}@media (min-width:768px){.footer-brand{text-align:left}}.footer-brand .brand{letter-spacing:-.025em;color:var(--slate-900);font-size:1.25rem;font-weight:700}.footer-brand .brand .highlight{color:var(--primary);-webkit-text-fill-color:var(--primary);background:0 0}.footer-brand .brand-desc{color:var(--slate-600);margin-top:.5rem;font-size:.875rem}.footer-author{background:var(--slate-50);border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.footer-author-photo{border:2px solid var(--slate-200);object-fit:cover;border-radius:50%;width:36px;height:36px}.footer-author-info{flex-direction:column;gap:.125rem;display:flex}.footer-author-name{color:var(--slate-800);font-size:.8125rem;font-weight:600}.footer-author-name a{color:var(--primary);text-decoration:none}.footer-author-name a:hover{text-decoration:underline}.footer-author-title{color:var(--slate-500);font-size:.6875rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;font-size:.875rem;font-weight:500;display:flex}.footer-links a{color:var(--slate-600);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.footer-sponsor{align-items:center;gap:.75rem;display:flex}.footer-sponsor img{height:20px}.footer-bottom{border-top:1px solid var(--slate-200);text-align:center;padding-top:2rem}.footer-bottom p{color:var(--slate-500);font-size:.875rem}.modal{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal.hidden{display:none}.modal-overlay{cursor:pointer;background:rgba(0,0,0,.5);width:100%;height:100%;position:absolute;top:0;left:0}.modal-content{z-index:1001;background:var(--white);border-radius:1rem;width:90%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-header{border-bottom:1px solid var(--slate-200);justify-content:space-between;align-items:center;padding:2rem;display:flex}.modal-header h2{color:var(--slate-900);margin:0;font-size:1.5rem}.modal-close{color:var(--slate-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:2rem;transition:color .2s;display:flex}.modal-close:hover{color:var(--slate-900)}.modal-body{padding:2rem}.modal-body p{color:var(--slate-600);margin-bottom:1rem;line-height:1.6}.modal-body p:first-child{margin-top:0}.modal-features{margin:1.5rem 0;padding:1rem 0;list-style:none}.modal-features li{color:var(--slate-600);padding:.5rem 0 .5rem 1.75rem;position:relative}.modal-features li:before{content:"✓";color:var(--primary);font-weight:700;position:absolute;left:0}.modal-footer{border-top:1px solid var(--slate-200);justify-content:flex-end;gap:1rem;padding:2rem;display:flex}.btn-modal{text-align:center;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-modal.primary{background:var(--primary);color:var(--white)}.btn-modal.primary:hover{background:var(--primary-hover);color:var(--white)}.btn-modal.secondary{background:var(--slate-100);color:var(--slate-900);border:1px solid var(--slate-200)}.btn-modal.secondary:hover{background:var(--slate-50);color:var(--slate-900)}.container{width:100%;max-width:680px;margin:0 auto;padding:0 16px;position:relative}p,li,span{font-size:16px}ul{padding-left:32px}li{line-height:1.6}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}.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}.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}