*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#0f172a;-webkit-font-smoothing:antialiased;background:#f4f7fd;font-family:Inter,system-ui,sans-serif}a{color:#2563eb;text-decoration:none}a:hover{color:#7c3aed}input::placeholder{color:#a3aec2}input:focus-visible{outline:none}@keyframes ez-dash{to{stroke-dashoffset:-400px}}@keyframes ez-pulse{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.95;transform:scale(1.7)}}@keyframes ez-drift{0%,to{transform:translate(0,0)}50%{transform:translateY(-26px)}}.anim-dash-a{animation:16s linear infinite ez-dash}.anim-dash-b{animation:20s linear infinite reverse ez-dash}.anim-dash-c{animation:24s linear infinite ez-dash}.anim-pulse-1{animation:5s ease-in-out infinite ez-pulse}.anim-pulse-2{animation:6.4s ease-in-out .7s infinite ez-pulse}.anim-pulse-3{animation:7.2s ease-in-out 1.3s infinite ez-pulse}.anim-pulse-4{animation:5.8s ease-in-out .4s infinite ez-pulse}.anim-pulse-5{animation:8s ease-in-out 1s infinite ez-pulse}.page{background:linear-gradient(#f7faff 0%,#f2f6fd 55%,#f6f2fd 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.bg-glow{pointer-events:none;background:radial-gradient(760px 420px at 16% 4%,#38bdf847,#38bdf800 70%),radial-gradient(720px 420px at 88% 10%,#c084fc3d,#c084fc00 70%);position:absolute;inset:0}.bg-grid{pointer-events:none;opacity:.55;background-image:linear-gradient(#6366f11a 1px,#0000 1px),linear-gradient(90deg,#6366f11a 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(1000px 660px at 50% 20%,#000 0%,#0000 80%);mask-image:radial-gradient(1000px 660px at 50% 20%,#000 0%,#0000 80%)}.bg-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.header{z-index:3;padding:26px clamp(20px,5vw,64px);position:relative}.brand-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff80;border:1px solid #ffffffb3;border-radius:16px;align-items:center;gap:13px;padding:9px 20px 9px 12px;display:inline-flex;box-shadow:0 10px 30px -22px #1e295a73}.brand-logo{object-fit:contain;width:clamp(30px,3.6vw,38px);height:clamp(30px,3.6vw,38px);display:block}.brand-name{letter-spacing:-.035em;color:#111a2e;font-family:Sora,Inter,sans-serif;font-size:clamp(22px,2.8vw,29px);font-weight:600;line-height:1}.main{z-index:2;flex-direction:column;flex:1;align-items:center;gap:clamp(28px,4vh,44px);padding:clamp(20px,4vh,44px) clamp(20px,5vw,64px) clamp(28px,5vh,52px);display:flex;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:820px;display:flex}.hero-badge{letter-spacing:.06em;text-transform:uppercase;color:#4f46e5;background:#ffffffb8;border:1px solid #94a3b83d;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 6px 18px -12px #1e295a80}.hero-badge-dot{background:linear-gradient(135deg,#38bdf8,#d946ef);border-radius:50%;width:7px;height:7px}.hero-title{letter-spacing:-.04em;text-wrap:balance;margin:0;font-family:Sora,Inter,sans-serif;font-size:clamp(32px,5.6vw,58px);font-weight:600;line-height:1.1}.hero-title-blue{background:linear-gradient(100deg,#0ea5e9,#2563eb 48%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-title-purple{background:linear-gradient(100deg,#7c3aed,#d946ef 55%,#ec4899);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#5b677f;text-wrap:pretty;max-width:620px;margin:0;font-size:clamp(15px,1.6vw,17.5px);line-height:1.6}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:clamp(20px,2.6vw,30px);width:100%;max-width:1040px;display:grid}.card{border-radius:26px;padding:1.5px;display:flex;position:relative}.card--blue{background:linear-gradient(160deg,#38bdf8bf,#fff3 45%,#6366f180);box-shadow:0 30px 60px -34px #1725548c}.card--purple{background:linear-gradient(160deg,#c084fcb3,#fff3 45%,#ec489980);box-shadow:0 30px 60px -34px #4c1d9580}.card-inner{border-radius:24.5px;flex-direction:column;flex:1;gap:20px;min-width:0;padding:clamp(24px,3vw,32px);display:flex;position:relative;overflow:hidden}.card--blue .card-inner{background:linear-gradient(#fff 0%,#fbfdff 100%)}.card--purple .card-inner{background:linear-gradient(#fff 0%,#fefbff 100%)}.card-glow{pointer-events:none;border-radius:50%;width:260px;height:200px;animation:12s ease-in-out infinite ez-drift;position:absolute;top:-90px}.card-glow--blue{background:radial-gradient(circle,#38bdf838,#38bdf800 70%);left:-40px}.card-glow--purple{background:radial-gradient(circle,#c084fc38,#c084fc00 70%);animation-duration:14s;animation-direction:reverse;right:-40px}.card-head{align-items:flex-start;gap:12px;display:flex;position:relative}.card-icon{color:#fff;border-radius:15px;flex:none;place-items:center;width:44px;height:44px;display:grid}.card-icon--blue{background:linear-gradient(150deg,#38bdf8,#2563eb);box-shadow:0 12px 24px -12px #2563ebd9,inset 0 1px #ffffff73}.card-icon--purple{background:linear-gradient(150deg,#c084fc,#db2777);box-shadow:0 12px 24px -12px #a855f7d9,inset 0 1px #ffffff73}.card-head-text{flex-direction:column;gap:3px;display:flex}.card-title{letter-spacing:-.03em;margin:0;font-family:Sora,Inter,sans-serif;font-size:18.5px;font-weight:600}.card-subtitle{color:#8b97ad;font-size:13.5px}.input-group{border:1.5px solid;border-radius:16px;align-items:center;gap:10px;height:56px;padding:0 16px;transition:border-color .18s,box-shadow .18s;display:flex;position:relative}.input-group--blue{background:#f6f9fe;border-color:#e4ebf6}.input-group--blue:focus-within{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f624}.input-group--purple{background:#fbf7ff;border-color:#efe4f8}.input-group--purple:focus-within{border-color:#c084fc;box-shadow:0 0 0 4px #c084fc29}.input-icon{flex:none}.input-field{color:#0f172a;background:0 0;border:none;flex:1;min-width:0;font-family:inherit;font-size:15px}.field-error{color:#dc2626;margin:-8px 0 0;font-size:13px}.btn-primary{cursor:pointer;letter-spacing:-.01em;color:#fff;border:none;border-radius:16px;height:54px;font-family:Sora,Inter,sans-serif;font-size:15.5px;font-weight:600;transition:transform .15s,box-shadow .15s,filter .15s;position:relative}.btn-primary:disabled{cursor:not-allowed;opacity:.75}.btn-primary--blue{background:linear-gradient(100deg,#38bdf8,#2563eb 85%);box-shadow:0 16px 30px -14px #2563ebe6,inset 0 1px #ffffff59}.btn-primary--blue:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 22px 38px -16px #2563ebf2,inset 0 1px #ffffff59}.btn-primary--blue:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px -10px #2563ebe6}.btn-primary--purple{background:linear-gradient(100deg,#a855f7,#ec4899 85%);box-shadow:0 16px 30px -14px #a855f7e6,inset 0 1px #ffffff59}.btn-primary--purple:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 22px 38px -16px #a855f7f2,inset 0 1px #ffffff59}.btn-primary--purple:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 18px -10px #a855f7e6}.btn-secondary{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;height:40px;padding:0 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.btn-secondary--blue{color:#2563eb;border:1px solid #dbeafe;box-shadow:0 6px 14px -10px #2563ebb3}.btn-secondary--blue:hover{background:#f5f9ff;border-color:#bfdbfe;transform:translateY(-1px)}.btn-secondary--pink{color:#db2777;border:1px solid #fce7f3;box-shadow:0 6px 14px -10px #db2777b3}.btn-secondary--pink:hover{background:#fff7fb;border-color:#fbcfe8;transform:translateY(-1px)}.btn-secondary--purple{color:#9333ea;border:1px solid #f0e0fd;align-self:flex-start;box-shadow:0 6px 14px -10px #9333eab3}.btn-secondary--purple:hover{background:#fdf9ff;border-color:#e9d5ff;transform:translateY(-1px)}.empty-state{color:#98a4b8;background:#f8fafd;border:1px dashed #dde5f2;border-radius:18px;align-items:center;gap:11px;padding:18px;font-size:14px;display:flex}.empty-state--purple{color:#a898b8;background:#fdfaff;border-color:#eee0f8}.result-box{border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:inset 0 1px #fffc}.result-box--blue{background:linear-gradient(150deg,#f3f9ff,#eef4ff);border:1px solid #dce9fb}.result-field{flex-direction:column;gap:4px;min-width:0;display:flex}.result-label{letter-spacing:.12em;text-transform:uppercase;color:#9aa6bd;font-size:10.5px;font-weight:600}.result-label--purple{color:#a898b8}.result-value{color:#6b7890;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12.5px;overflow:hidden}.result-value--link{letter-spacing:-.01em;color:#1d4ed8;font-size:clamp(15px,1.7vw,17px);font-weight:600}.result-value--purple{color:#7c3aed;font-size:13px;font-weight:600}.result-divider{background:linear-gradient(90deg,#94a3b859,#94a3b800);height:1px}.result-row{align-items:center;gap:10px;min-width:0;display:flex}.badge-active{color:#059669;background:#ecfdf5;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.action-row{flex-wrap:wrap;gap:9px;display:flex}.qr-result-box{background:linear-gradient(150deg,#fdf7ff,#fff5fa);border:1px solid #f4e2fb;border-radius:18px;flex-wrap:wrap;align-items:center;gap:18px;padding:18px;display:flex;box-shadow:inset 0 1px #fffc}.qr-preview{background:#fff;border:1px solid #f5e8fd;border-radius:16px;flex:none;padding:10px;line-height:0;box-shadow:0 16px 30px -18px #a855f7cc}.qr-preview img{width:124px;height:124px;display:block}.qr-meta{flex-direction:column;flex:1;gap:11px;min-width:150px;display:flex}.qr-format-note{color:#b3a6c2;font-family:JetBrains Mono,monospace;font-size:11px}.checks-row{color:#5b677f;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:13.5px;display:flex}.check-item{align-items:center;gap:7px;display:inline-flex}.check-mark{font-weight:700}.check-mark--blue{color:#0ea5e9}.check-mark--indigo{color:#6366f1}.check-mark--purple{color:#a855f7}.check-mark--pink{color:#ec4899}.how-section{flex-direction:column;gap:22px;width:100%;max-width:1040px;padding-top:clamp(12px,3vh,28px);display:flex}.how-head{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.how-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#4f46e5;font-size:11.5px;font-weight:600}.how-title{letter-spacing:-.035em;margin:0;font-family:Sora,Inter,sans-serif;font-size:clamp(23px,3vw,30px);font-weight:600}.how-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2vw,22px);display:grid}.step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:20px;flex-direction:column;gap:12px;padding:26px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 20px 40px -30px #17255480}.step-card:hover{transform:translateY(-3px);box-shadow:0 28px 50px -30px #17255499}.step-icon-box{border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.step-icon-box--blue{color:#2563eb;background:linear-gradient(150deg,#e0f2fe,#dbeafe)}.step-icon-box--indigo{color:#4f46e5;background:linear-gradient(150deg,#e0e7ff,#ede9fe)}.step-icon-box--pink{color:#c026d3;background:linear-gradient(150deg,#f3e8ff,#fce7f3)}.step-title{letter-spacing:-.025em;margin:0;font-family:Sora,Inter,sans-serif;font-size:16.5px;font-weight:600}.step-text{color:#5b677f;margin:0;font-size:14.5px;line-height:1.6}.footer{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#6b7890;background:#ffffff8c;border-top:1px solid #94a3b847;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:24px clamp(20px,5vw,64px);font-size:13px;display:flex;position:relative}.footer-brand{letter-spacing:-.03em;color:#111a2e;align-items:center;gap:9px;font-family:Sora,Inter,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.footer-logo{object-fit:contain;width:20px;height:20px;display:block}.footer-copy{text-align:center;flex:1;min-width:220px}.footer-credit strong{color:#3f4a60;font-weight:600}