:root{color-scheme:light;--purple:#7043a3;--deep:#2b1941;--ink:#322642;--muted:#766b85;--bg:#f9f6ff;--border:#eae2f3;--white:#fff;--lav:#eee5fc;--pink:#ffe8f4;--blue:#e6f0ff;--green:#267363;--danger:#a43a58;--shadow:0 9px 28px rgba(75,42,112,.075)}
*{box-sizing:border-box}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);margin:0;font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--purple)}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.brand{font-size:29px;font-weight:900;letter-spacing:-1.5px;color:var(--purple);text-decoration:none;line-height:1}.brand small{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0;display:block;margin-top:7px}.shell{max-width:1120px;margin:0 auto;padding:24px 26px 110px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 28px}.topright{display:flex;align-items:center;gap:10px}.chip{border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--ink);padding:8px 13px;display:inline-flex;gap:8px;align-items:center}.chip.active{border-color:#c5aee6;background:var(--lav);color:var(--purple);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;padding:11px 16px;min-height:44px;background:var(--purple);color:#fff;font-weight:750;text-decoration:none;line-height:1.25;transition:transform .13s ease}.button:hover{transform:translateY(-1px)}.button.secondary{background:var(--lav);color:var(--purple)}.button.tertiary{background:#fff;color:var(--ink);border-color:var(--border)}.button.danger{background:#fff;color:var(--danger);border:1px solid #efc0d1}.button.full{width:100%}.text-button{border:0;background:transparent;color:var(--purple);padding:8px 0;font-weight:700;text-align:left}.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav button{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:12px;font-weight:700}.nav button.active{color:var(--purple);background:var(--lav)}.pagehead{margin-bottom:20px}.eyebrow{font-size:12px;color:var(--purple);font-weight:850;letter-spacing:.6px;text-transform:uppercase;margin:0 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,4.4vw,42px);letter-spacing:-1.3px;line-height:1.12;margin-bottom:12px;color:var(--deep)}h2{font-size:24px;letter-spacing:-.5px;line-height:1.2;margin-bottom:12px;color:var(--deep)}h3{font-size:17px;margin-bottom:7px;color:var(--deep)}p{margin-bottom:14px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11px}.card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.card.purple{background:linear-gradient(135deg,#6d40a1,#9561ca);border:0;color:#fff}.card.purple h1,.card.purple h2,.card.purple h3,.card.purple .muted{color:#fff}.card.purple .button{background:#fff;color:var(--purple)}.card.pink{background:var(--pink)}.card.lav{background:var(--lav)}.card.blue{background:var(--blue)}.stack>*+*{margin-top:13px}.stack-lg>*+*{margin-top:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);gap:17px;align-items:stretch}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{font-size:34px;font-weight:900;color:var(--purple);line-height:1.1}.pills{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;padding:5px 10px;border-radius:999px;background:#f2eafd;color:#6c4297;font-size:12px;font-weight:700}.section{margin:29px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section h2{margin:0}.section p{margin:5px 0 0}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.row.start{align-items:flex-start}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ead9ff,#fce3f0);color:var(--purple);display:grid;place-items:center;font-weight:800;font-size:19px;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.big{width:92px;height:92px;font-size:32px}.line{border-top:1px solid var(--border);margin:16px 0}.list{display:grid;gap:12px}.item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.item:last-child{border-bottom:0;padding-bottom:0}.item:first-child{padding-top:0}.item button{flex-shrink:0}.tag{font-size:11px;padding:4px 8px;border-radius:6px;background:var(--lav);color:var(--purple);font-weight:700}.form{display:grid;gap:14px}.field{display:grid;gap:6px}.field label{font-size:13px;color:var(--ink);font-weight:800}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid #d7cce4;border-radius:12px;color:var(--ink);background:white;outline:none;min-width:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #e9dcfa}.field textarea{resize:vertical;min-height:96px}.hint{font-size:12px;color:var(--muted)}.empty{text-align:center;padding:35px 22px;background:#fff;border:1px dashed #d8c9e9;border-radius:18px}.empty .icon{width:36px;height:36px;color:var(--purple);margin-bottom:10px}.choice{background:#fff;border:1px solid #dfd2eb;border-radius:14px;padding:15px 17px;width:100%;text-align:left;display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:700}.choice:hover,.choice.selected{background:var(--lav);border-color:#bea4de}.choice .choice-marker{width:25px;height:25px;flex-shrink:0;border:1px solid #ccbae0;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--purple)}.progress{height:7px;border-radius:99px;background:#eee6f7;overflow:hidden;margin:7px 0}.progress span{display:block;height:100%;background:#9467c4;border-radius:99px}.alert{border-radius:14px;border:1px solid #e1d3ef;background:#f5edfd;padding:13px 15px}.alert.warning{border-color:#f1d9bf;background:#fff5e9}.alert.success{border-color:#b9e7d9;background:#e8f7f1}.badge-red{color:var(--danger)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1050px;margin:auto;gap:55px;align-items:center;padding:35px}.auth-panel{background:#fff;border:1px solid var(--border);border-radius:25px;padding:35px;box-shadow:var(--shadow)}.auth-decor{background:linear-gradient(140deg,#f0e3ff,#ffe8f5);border-radius:26px;padding:45px}.auth-decor h1{font-size:44px}.auth-decor .card{margin-top:35px;background:#fff;box-shadow:none}.preview-banner{background:#fff0ce;color:#795417;border:1px solid #f5d782;padding:10px 14px;border-radius:10px;margin-bottom:20px}.footer{margin:55px 0 0;font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:16px}.footer a{color:inherit}.footer .link{margin-right:18px}dialog{width:min(540px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:1px solid var(--border);border-radius:20px;padding:25px;box-shadow:0 18px 70px #24123a36}dialog::backdrop{background:#1e143799}.dialog-exit{text-align:right;margin-top:20px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#2f1c47;color:#fff;border-radius:12px;box-shadow:0 12px 35px #2f1c4750;max-width:min(420px,90vw);padding:13px 19px;opacity:0;pointer-events:none;z-index:30;transition:opacity .2s;min-width:160px;text-align:center}#toast.shown{opacity:1}.bottom-nav{display:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:20px}.break-word{overflow-wrap:anywhere;word-break:break-word}.selectgroup{margin:14px 0 0;max-width:390px}.avatar-placeholder{height:70px;width:70px;background:#f2e8fd;border-radius:18px;display:grid;place-items:center}.icon-hero{width:34px;height:34px;color:var(--purple)}.btn-line{display:flex;gap:10px;flex-wrap:wrap}.divider{height:1px;background:var(--border);margin:20px 0}.tabrow{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.tabrow button{border:1px solid var(--border);background:#fff;padding:8px 12px;border-radius:999px;color:var(--ink);font-weight:700}.tabrow button.selected{background:var(--purple);border-color:var(--purple);color:#fff}select:disabled{background:#f1f0f2}
@media(max-width:820px){.shell{padding:17px 17px 110px}.topbar{margin-bottom:17px}.desktop-nav{display:none}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--border);position:fixed;left:0;right:0;bottom:0;bottom:env(safe-area-inset-bottom);z-index:20;padding:8px 5px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -5px 24px #2513460c}.bottom-nav button{border:0;background:transparent;border-radius:10px;color:var(--muted);display:flex;align-items:center;flex-direction:column;gap:2px;padding:7px 2px;font-size:10px;font-weight:750}.bottom-nav .icon{width:22px;height:22px}.bottom-nav button.active{color:var(--purple);background:var(--lav)}.hero,.grid.three,.columns{grid-template-columns:1fr}.auth-layout{grid-template-columns:1fr;gap:15px;padding:22px}.auth-decor{padding:23px}.auth-decor h1{font-size:32px}.auth-decor .card{margin-top:20px}.auth-panel{padding:24px}.grid{grid-template-columns:1fr}.card{padding:19px}.topbar .brand{font-size:26px}.footer{margin:30px 0}.section{margin-top:24px}}
@media(max-width:390px){.shell{padding-left:12px;padding-right:12px}.card{padding:16px}.button{padding:10px 13px}.chip{padding:8px}.row .button{min-width:0;font-size:13px}.topright .chip{font-size:12px}.auth-layout{padding:12px}.auth-panel{padding:18px}.bottom-nav button{font-size:9px}}

/* Clear first steps on the home screen */
.onboarding-guide{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 20px;margin-bottom:18px}
.onboarding-guide>strong{font-size:16px;display:block;margin-bottom:12px}
.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
.guide-steps>div{display:flex;align-items:center;gap:8px;background:#f6f0ff;border-radius:10px;padding:10px;font-size:13px;font-weight:650}
.guide-steps .icon{width:18px;height:18px;color:var(--purple)}
.onboarding-guide p{margin:0}
@media(max-width:580px){.guide-steps{grid-template-columns:1fr}.onboarding-guide{padding:15px}}

/* Bondpop: playful, coherent visual language with one SVG icon system */
:root{--purple:#7a3ff0;--deep:#29163f;--ink:#312044;--muted:#706481;--bg:#faf7ff;--border:#e9e0f5;--lav:#f2eafe;--pink:#ffebf6;--shadow:0 12px 36px rgba(59,25,106,.075)}
body{background:radial-gradient(circle at 100% 5%,#ffeaf7 0%,transparent 24%),radial-gradient(circle at 0% 26%,#f1e5ff 0%,transparent 24%),var(--bg)}
h1,h2,h3{letter-spacing:-.04em}
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--deep);letter-spacing:-1.1px;font-size:28px}
.brand .brand-dot{color:#b971f9}
.brand-mark{height:33px;width:33px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#b14cf4,#f06aa9);border-radius:11px;box-shadow:0 7px 17px #ca86e844}
.brand-mark .icon{width:23px;height:23px;fill:#fff;stroke:#fff;stroke-width:2}
.shell{max-width:1080px}
.topbar{background:#ffffffbd;backdrop-filter:blur(14px);border:1px solid #f0e7fa;border-radius:18px;padding:13px 18px;margin-bottom:25px;box-shadow:0 9px 25px #64398e0a}
.shell .brand{font-size:27px}
.topbar .brand small{font-size:11px;margin-left:2px}
.card{border-radius:22px;box-shadow:0 10px 35px rgba(58,27,103,.055);padding:22px}
.button{border-radius:13px;font-weight:800;box-shadow:0 2px 5px #42216508}
.button.secondary{background:#f0e4ff;color:#6832d6}
.button:focus-visible,.choice:focus-visible,.text-button:focus-visible,.tabrow button:focus-visible,.public-login:focus-visible{outline:3px solid #9a6def;outline-offset:3px}
.pagehead h1{font-size:clamp(31px,5vw,44px)}
.pagehead .eyebrow{color:#8f4dea}
.pagehead p{font-size:16px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.feature-tile{display:flex;flex-direction:column;align-items:flex-start;min-height:100%}
.feature-tile p{color:var(--muted);font-size:14px;line-height:1.6;flex:1}
.feature-tile>.button{margin-top:auto}
.feature-row{display:flex;align-items:flex-start;gap:14px}
.feature-row>div:last-child{flex:1}
.feature-row p{line-height:1.5;color:var(--muted);margin-bottom:10px}
.feature-symbol,.action-mark{display:grid;place-items:center;flex-shrink:0;border-radius:15px}
.feature-symbol{width:49px;height:49px}
.feature-symbol .icon,.action-mark .icon{width:25px;height:25px}
.feature-symbol.lilac,.action-mark.mark-purple{background:linear-gradient(135deg,#e6d6ff,#f2e6ff);color:#7a3ff0}
.feature-symbol.peach,.action-mark.mark-pink{background:linear-gradient(135deg,#ffe0f2,#ffe9df);color:#e0448b}
.feature-symbol.mint{background:#daf8ed;color:#237c69}
.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.action-grid-compact{margin-bottom:0}
.action-card{display:flex;flex-direction:column;gap:12px;min-width:0;padding:27px;border:1px solid #eedffb}
.action-card h2{font-size:clamp(22px,3vw,27px);margin-bottom:0}
.action-card p{color:var(--muted);line-height:1.6;margin:0;flex:1}
.action-card .button{margin-top:5px;width:100%}
.action-mark{width:57px;height:57px}
.action-example{padding:12px 14px;border-radius:12px;background:#f9f3ff;color:#5a4276;font-size:14px;font-weight:650}
.welcome-strip{background:linear-gradient(105deg,#7638cf,#c15ba9);border-radius:21px;padding:20px 23px;color:#fff;display:flex;align-items:center;gap:16px;margin-bottom:22px;box-shadow:0 15px 30px rgba(115,51,170,.16)}
.welcome-strip .icon{width:36px;height:36px;flex-shrink:0}
.welcome-strip strong{display:block;font-size:18px;letter-spacing:-.35px}
.welcome-strip span{display:block;font-size:14px;line-height:1.5;margin-top:3px;color:#f8e9ff}
.howto-card{margin-top:15px;background:#f6efff}
.howto-card h3{display:flex;align-items:center;gap:8px}
.howto-card p{line-height:1.85}
.featured-invite{background:linear-gradient(105deg,#f3e9ff,#fff0f7);border-color:#eddbfc;display:grid;gap:12px}
.group-menu-hint{display:flex;align-items:center;gap:9px;color:#66547a;font-size:13px;margin:0 0 14px}
.group-menu-hint .icon{width:18px;height:18px}
.tabrow{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:thin}
.tabrow button{white-space:nowrap}
.tabrow button.selected{background:#803dec;color:#fff}
.vote-fieldset{padding:0;margin:0;border:0}
.vote-fieldset legend{font-weight:850;color:var(--deep);margin-bottom:12px}
.vote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vote-choice{display:flex;align-items:center;gap:10px;cursor:pointer;border:2px solid #eee3f7;background:#fff;border-radius:15px;padding:13px 12px;font-weight:750;min-width:0}
.vote-choice input{accent-color:var(--purple)}
.vote-choice:has(input:checked){border-color:#8a52df;background:#faf3ff}
.mini-help{display:flex;gap:13px;background:#f7f0ff;border-radius:16px;padding:18px;margin-top:16px}
.mini-help>.icon{width:30px;height:30px;color:#8b47db;flex-shrink:0}
.mini-help p{color:#635573;margin:7px 0 11px}
.example-avatar{width:34px;height:34px;border-radius:12px;display:inline-grid;place-items:center;background:#eed8ff;color:#6733c8;font-weight:900;flex-shrink:0}
.example-1{background:#d0f5e5;color:#27785c}
.example-2{background:#ffe0ed;color:#a83f7b}
.example-3{background:#daedff;color:#306ba2}
.example-success{display:flex;align-items:center;gap:10px;padding:12px;color:#7e30ad;background:#f5e9ff;border-radius:12px;margin-bottom:12px}

/* Marketing-facing first-time experience */
.public-shell{max-width:1180px;margin:auto;padding:20px 26px 30px}
.public-topbar{display:flex;align-items:center;justify-content:space-between;padding:8px 0 22px;gap:15px}
.public-login{display:flex;align-items:center;gap:7px;border-radius:99px;text-decoration:none;color:#6832a8;font-weight:800;background:#fff;padding:10px 16px;border:1px solid #eee1f5}
.public-login .icon{width:18px;height:18px}
.public-hero{background:radial-gradient(circle at 88% 6%,#d95ec04d,transparent 36%),linear-gradient(122deg,#5a23ba,#9252db 65%,#e16dba);border-radius:30px;padding:clamp(24px,5vw,58px);display:grid;grid-template-columns:1.02fr .98fr;gap:35px;color:#fff;box-shadow:0 20px 55px rgba(107,53,169,.21)}
.public-eyebrow{color:#f9deff;letter-spacing:.7px}
.public-hero h1{color:#fff;font-size:clamp(36px,5.2vw,60px);letter-spacing:-2px;line-height:1.02;margin:13px 0 23px;max-width:640px}
.public-hero h1 em{font-style:normal;color:#ffcfed}
.public-hero-copy>p{font-size:17px;line-height:1.68;color:#f9eaff;max-width:490px}
.public-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:25px 0 18px}
.public-primary{background:#fff;color:#5d249c}
.public-outline{background:#ffffff1a;color:#fff;border-color:#ffffff73}
.public-hero .hero-age{font-size:13px;color:#f5eaff;display:flex;align-items:center;gap:7px;margin:8px 0 0}
.hero-age .icon{width:17px;height:17px}
.public-play-card{color:var(--ink);background:#fff;border-radius:25px;padding:24px 22px;align-self:center;box-shadow:0 18px 40px #210b402b;min-width:0}
.play-card-top{display:flex;align-items:center;gap:8px;color:#9a61d6;font-size:11px;font-weight:850;letter-spacing:.4px}
.play-spark{width:37px;height:37px;background:#f4e4ff;border-radius:12px;display:grid;place-items:center}
.play-spark .icon{width:22px;height:22px}
.public-play-card h2{font-size:clamp(23px,2.8vw,30px);margin:16px 0 8px}
.public-play-card>p{font-size:14px;color:var(--muted);margin-bottom:16px}
.example-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.example-choice{width:100%;display:flex;align-items:center;gap:9px;border:2px solid #f0e7f6;border-radius:14px;background:#fff;padding:12px;color:#2f2040;font-weight:800;text-align:left}
.example-choice .icon{margin-left:auto;width:14px;height:14px;color:#a578c2}
.example-choice:hover,.example-choice:focus-visible{border-color:#ad7ef3;background:#fbf7ff}
.sample-foot{display:flex;align-items:flex-start;gap:7px;margin-top:15px;padding:11px;background:#f7f0ff;border-radius:12px;font-size:12px;color:#715788;line-height:1.45}
.sample-foot .icon{width:15px;height:15px;flex-shrink:0}
.public-section{padding:60px 0 42px}
.public-section h2,.how-section h2,.account-explain h2{font-size:clamp(30px,4vw,43px)}
.public-section-intro{color:var(--muted);font-size:17px;margin-bottom:22px}
.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.benefit-card{background:#fff;border:1px solid #eee3f7;border-radius:21px;padding:22px;box-shadow:var(--shadow)}
.benefit-icon{height:49px;width:49px;border-radius:14px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,#f1dfff,#ffe4f3);color:#8e43d7}
.benefit-icon .icon{height:25px;width:25px}
.benefit-card h3{font-size:19px}
.benefit-card p{color:var(--muted);font-size:14px;line-height:1.6;margin-bottom:0}
.benefit-1 .benefit-icon{background:#fce5f0;color:#be4e92}
.benefit-2 .benefit-icon{background:#ffe9df;color:#c46e52}
.benefit-3 .benefit-icon{background:#dff8ed;color:#258671}
.how-section{padding:24px 0 55px}
.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:21px}
.how-steps>div{padding:23px;background:#f4eafb;border-radius:19px;border:1px solid #e9d8f5}
.how-steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff;color:#8b3ae2;font-weight:900;margin-bottom:10px}
.how-steps strong{display:block;font-size:18px;letter-spacing:-.35px}
.how-steps p{color:#6d5f79;font-size:14px;margin:6px 0 0}
.account-zone{padding:35px;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;background:linear-gradient(130deg,#efe1ff,#ffeef9);border:1px solid #e9dafa;border-radius:26px;scroll-margin-top:28px}
.account-explain{padding:20px 14px}
.account-explain h2{max-width:390px}
.account-explain p{max-width:380px;color:#6c5a83;font-size:17px;line-height:1.6}
.account-zone .auth-panel{padding:28px}
.privacy-small{display:flex;align-items:start;gap:9px;font-size:14px;color:#5d4a77;margin-top:20px}
.privacy-small .icon{width:20px;height:20px;flex-shrink:0}
.public-footer{display:flex;align-items:center;flex-wrap:wrap;gap:22px;color:#82708e;padding:28px 0 0;font-size:13px}
.public-footer a{color:#775799}
@media(max-width:850px){.feature-grid{grid-template-columns:1fr 1fr}.public-hero{grid-template-columns:1fr;gap:18px}.public-hero h1{max-width:620px}.public-play-card{max-width:580px;width:100%}.benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.action-grid,.feature-grid{grid-template-columns:1fr}.public-shell{padding:13px 13px 25px}.public-topbar{padding:8px 5px 19px}.public-hero{padding:26px 20px;border-radius:23px}.public-hero h1{font-size:clamp(32px,9vw,44px);letter-spacing:-1.5px}.public-hero-copy>p{font-size:15px}.public-hero-actions .button{font-size:14px}.public-play-card{padding:19px}.public-section{padding:39px 0 27px}.how-section{padding:20px 0 40px}.how-steps{grid-template-columns:1fr}.account-zone{grid-template-columns:1fr;gap:5px;padding:17px}.account-explain{padding:12px}.auth-panel{padding:22px}.action-card{padding:21px}.welcome-strip{padding:18px}.topbar{padding:12px 13px}.benefits-grid{grid-template-columns:1fr}.vote-grid{grid-template-columns:1fr 1fr}}
@media(max-width:360px){.public-hero{padding:21px 15px}.example-choices{gap:7px}.example-choice{padding:9px 6px}.action-card{padding:16px}.vote-grid{grid-template-columns:1fr}.public-hero h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}
@media(max-width:360px){.public-topbar .brand{font-size:23px;gap:6px}.public-topbar .brand-mark{width:29px;height:29px}.public-login{font-size:12px;padding:9px 9px}.public-login .icon{display:none}}
@media(max-width:360px){.topbar .brand{font-size:23px;gap:6px}.topbar .brand-mark{height:29px;width:29px}.topbar .brand small{display:none}.topright{gap:5px}.topbar .chip{padding:7px;font-size:12px}.topbar .chip .icon{width:17px;height:17px}}
.recap-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:21px}.recap-stats>div{background:#fff;border:1px solid #eddbfa;border-radius:14px;padding:18px;text-align:center}.recap-stats strong{font-size:29px;color:#853bdd;display:block;line-height:1.3}.recap-stats span{font-size:12px;color:#776785;font-weight:700}@media(max-width:360px){.recap-stats{gap:6px}.recap-stats>div{padding:10px 4px}.recap-stats span{font-size:10px}}