:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand:#111827;--brand-accent:#ef4444;--muted:#6b7280;--bg:#f8fafc;--card:#ffffff;--radius:14px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;display:block;min-width:320px;min-height:100vh;background:var(--bg)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{max-width:920px;margin:24px auto;padding:16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a}.header{display:flex;align-items:center;gap:14px;margin-bottom:18px}.badge{background:var(--brand-accent);color:#fff;font-weight:700;letter-spacing:.08em;padding:6px 10px;border-radius:999px;font-size:12px}.title{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--brand)}.subtitle{color:var(--muted);font-size:14px}.card{background:var(--card);border:1px solid #e5e7eb;border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #0000000a}.grid{display:grid;gap:12px}@media (min-width: 800px){.grid-2{grid-template-columns:1fr 1fr}}.row{display:flex;gap:10px;align-items:center}.small{font-size:12px;color:var(--muted)}.btn{appearance:none;border:1px solid #e5e7eb;background:#111827;color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}.btn.secondary{background:#fff;color:#111827}.btn:disabled{opacity:.6;cursor:not-allowed}.select,.input,textarea{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.bar{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.bar>div{height:100%;background:var(--brand-accent)}.qr{width:160px;height:160px;border:1px solid #e5e7eb;border-radius:12px}.section-title{font-weight:800;font-size:16px;margin:6px 0 8px;color:var(--brand)}.kicker{font-weight:700;color:var(--brand-accent)}:root{color-scheme:light}.select,.input,textarea{color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}.select:focus,.input:focus,textarea:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.input::placeholder,textarea::placeholder{color:#94a3b8;opacity:1}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%),linear-gradient(#e5e7eb,#e5e7eb);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 10px) calc(50% - 3px),calc(100% - 22px) 50%;background-size:6px 6px,6px 6px,1px 60%;background-repeat:no-repeat;padding-right:34px}select option{color:#111827;background:#fff}.select:disabled,.input:disabled,textarea:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:#111827;transition:background-color 5000s ease-in-out 0s}nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}nav::-webkit-scrollbar{display:none}.nav-row{flex-wrap:nowrap!important;min-width:max-content}nav>*{flex:0 0 auto}img,video,table{max-width:100%;height:auto}.grid,.card,.row,.btn,.select,.input,textarea{min-width:0}@media (max-width: 640px){html,body{overscroll-behavior-y:contain}.container{max-width:100%;padding-left:12px;padding-right:12px}nav{padding-top:6px;padding-bottom:6px}.row{flex-wrap:wrap}.card{margin-bottom:12px}.btn{width:100%;max-width:none}body{padding-bottom:env(safe-area-inset-bottom)}}.nav-row .btn{white-space:nowrap;overflow:visible;text-overflow:clip;flex:0 0 auto;line-height:1.2;padding:10px 16px}.nav-row .badge{white-space:nowrap}.nav-logo{height:40px;width:auto;border-radius:50%;object-fit:cover;transition:transform .2s ease}.nav-logo:hover{transform:scale(1.05)}@media (max-width: 640px){.nav-logo{height:32px}}@media (max-width: 360px){.nav-row .btn{font-size:14px;padding:9px 12px}}@media (max-width: 640px){.container{padding-left:10px;padding-right:10px}.card{padding:12px;border-radius:12px}.section-title{font-size:15px;margin:4px 0 6px}.small{font-size:12px}.title{font-size:clamp(18px,5.2vw,24px)}.subtitle{font-size:13px}.qr{width:128px;height:128px}.row{gap:8px}.select,.input,textarea{padding:9px 10px;font-size:15px}.nav-row .btn{font-size:15px;line-height:1.2;padding:8px 14px;white-space:nowrap;flex:0 0 auto}.nav-row .badge{white-space:nowrap}.btn{width:auto;padding:9px 14px;border-radius:10px;font-size:15px}.bar{height:8px}}@media (max-width: 640px){body,.container{font-size:15px}.btn{font-size:14px;padding:7px 12px;border-radius:8px}.btn.secondary{font-size:14px;padding:7px 12px}.select,.input,textarea{font-size:14px;padding:7px 10px}.qr{width:110px;height:110px}.title{font-size:clamp(17px,4.5vw,22px)}.subtitle{font-size:12.5px}.nav-row .btn{font-size:14px;padding:6px 10px;line-height:1.1}.bar{height:7px}.card{margin-bottom:10px}}@media (max-width: 640px){.nav-row .btn{font-size:18px;padding:7px 13px;line-height:1.2;border-radius:10px;white-space:nowrap;flex:0 0 auto}.nav-row .badge{font-size:12px;padding:5px 9px}}@media (max-width: 9999px){nav,.top-nav,.header-scroll{background:#fff;box-shadow:0 1px 4px #00000014;border-radius:12px;padding:6px 8px;margin-bottom:10px}.nav-row .btn{background:#f9fafb;border:1px solid #e5e7eb;transition:all .15s ease-in-out}.nav-row .btn:hover{background:#f3f4f6}.nav-row .btn.active,.nav-row .btn[aria-current=page]{background:#111827;color:#fff;border-color:#111827}}@media (prefers-color-scheme: dark){nav,.top-nav,.header-scroll{background:#1f2937;box-shadow:0 1px 6px #0009}.nav-row .btn{background:#374151;color:#f3f4f6;border-color:#4b5563}.nav-row .btn.active,.nav-row .btn[aria-current=page]{background:#ef4444;color:#fff;border-color:#ef4444}}@media (max-width: 640px){nav,.top-nav,.header-scroll{background:#fff;box-shadow:0 1px 4px #00000014;border-radius:12px;padding:6px 8px;margin-bottom:10px}.nav-row .btn{background:#f9fafb;border:1px solid #e5e7eb;transition:all .15s ease-in-out}.nav-row .btn:hover{background:#f3f4f6}.nav-row a[aria-current=page]{background:#111827;color:#fff;border-color:#111827}@media (prefers-color-scheme: dark){nav,.top-nav,.header-scroll{background:#1f2937;box-shadow:0 1px 6px #0009}.nav-row .btn{background:#374151;color:#f3f4f6;border-color:#4b5563}.nav-row a[aria-current=page]{background:#ef4444;color:#fff;border-color:#ef4444}}}@media (min-width: 641px){nav,.top-nav,.header-scroll{background:transparent;box-shadow:none;padding:0;border-radius:0;margin-bottom:14px}.nav-row .btn{background:#fff;border:1px solid #e5e7eb}.nav-row a[aria-current=page]{background:#111827;color:#fff;border-color:#111827}}@media (max-width: 640px){nav,.top-nav,.header-scroll{background:#fff;box-shadow:0 1px 4px #00000014;border-radius:12px;padding:6px 8px;margin-bottom:10px}.nav-row .btn{background:#f9fafb;border:1px solid #e5e7eb;font-size:15px;padding:7px 13px;border-radius:10px;transition:all .15s ease-in-out}.nav-row .btn:hover{background:#f3f4f6}.nav-row .btn.active,.nav-row a[aria-current=page]{background:#111827;color:#fff;border-color:#111827}}@media (min-width: 641px){nav,.top-nav,.header-scroll{background:transparent;box-shadow:none;border-radius:0;padding:0;margin-bottom:14px}.nav-row .btn{background:#fff;color:#111827;border:1px solid #e5e7eb;font-weight:600;transition:all .15s ease-in-out}.nav-row .btn:hover{background:#f3f4f6}.nav-row .btn.active,.nav-row a[aria-current=page]{background:#111827;color:#fff;border-color:#111827}.badge{background:#ef4444;color:#fff}}@media (max-width: 640px){nav,.top-nav,.header-scroll{background:transparent;box-shadow:none;padding:0;border-radius:0;margin-bottom:10px}.nav-row{gap:8px;flex-wrap:nowrap;min-width:max-content}.nav-row .btn{font-size:15px;padding:6px 12px;line-height:1.2;border-radius:10px;white-space:nowrap;flex:0 0 auto}.nav-row .badge{font-size:12px;padding:5px 9px;white-space:nowrap}}
