:root{--deep:#0b3b2e;--green:#0b6e4f;--amber:#f2b705;--mint:#7fd1ae;--mist:#e8f3ee;--white:#fff;--danger:#b3261e;--radius:16px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--deep);color:var(--white);font-family:Sora,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400}.stage{min-height:100svh;padding:max(40px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.stripes{opacity:.55;z-index:0;display:flex;position:fixed;inset:0}.stripes span{flex:1}.stripes span:nth-child(odd){background:#0c4536}.stripes span:nth-child(2n){background:var(--deep)}.stage:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 50% 20%,#0b6e4f8c,#0000 60%);position:fixed;inset:0}.content{z-index:1;flex-direction:column;flex:1;align-items:stretch;gap:20px;width:100%;max-width:440px;display:flex;position:relative}.brand{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.logo{width:220px;height:auto;display:block}.logo-sm{width:150px}.tagline{color:var(--mint);text-align:center;margin:0;font-size:.95rem;font-weight:600}.card{background:var(--white);color:var(--deep);border-radius:var(--radius);flex-direction:column;gap:14px;padding:28px 24px;display:flex;box-shadow:0 18px 40px #00000059}.card h1,.card h2{margin:0 0 4px;font-size:1.4rem;font-weight:700}.card p{margin:0;line-height:1.5}.field{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.field input{font:inherit;color:var(--deep);background:var(--mist);border:1.5px solid #cfe3da;border-radius:10px;padding:12px 14px;font-size:1rem;font-weight:400}.field input:focus{border-color:var(--green);background:var(--white);outline:none;box-shadow:0 0 0 3px #0b6e4f2e}.check{align-items:flex-start;gap:10px;font-size:.85rem;line-height:1.4;display:flex}.check input{width:18px;height:18px;accent-color:var(--green);flex:none;margin:1px 0 0}.btn{font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 24px;font-size:1rem;font-weight:700;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--amber);color:var(--deep);box-shadow:0 8px 20px #f2b70547}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-ghost{color:inherit;background:0 0;border:1.5px solid}.btn-sm{padding:8px 16px;font-size:.9rem}.btn-google{background:var(--white);color:var(--deep);border:1.5px solid #cfe3da}.btn-google .g{color:var(--green);font-weight:700}.card .btn-ghost{color:var(--green)}.divider{color:#5b7a6e;align-items:center;gap:10px;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:#d7e6df;flex:1;height:1px}.links{text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:.9rem;display:flex}.links a,.card a{color:var(--green);font-weight:600}.msg{border-radius:10px;margin:0;padding:10px 14px;font-size:.9rem;line-height:1.45}.msg-error{color:var(--danger);background:#fdecea}.msg-ok{background:var(--mist);color:var(--green);border-left:4px solid var(--mint)}.content>.msg-ok{color:var(--mint);background:#7fd1ae26}.hint{color:#5b7a6e;font-size:.85rem}.content>.modules .hint{color:var(--mist)}.panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.hello{text-align:left;margin:8px 0 0;font-size:1.8rem;font-weight:700}.content>.tagline{text-align:left;margin-top:-14px}.modules{flex-direction:column;gap:12px;display:flex}.module{background:var(--white);color:var(--deep);border-radius:var(--radius);grid-template-columns:48px 1fr;align-items:center;gap:6px 14px;padding:18px;display:grid;box-shadow:0 12px 28px #0000004d}.module-icon{border-radius:12px;width:48px;height:48px}.module h2{margin:0;font-size:1.1rem;font-weight:700}.module p{color:#4a6b5f;margin:2px 0 0;font-size:.85rem;line-height:1.4}.module .pill,.module .module-open{grid-column:2;justify-self:start}.module-open{margin-top:6px;text-decoration:none}.pill{background:var(--amber);color:var(--deep);border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.pill-muted{background:var(--mist);color:#5b7a6e}.pill-danger{color:var(--danger);background:#fdecea}.module-off{opacity:.85}.module .module-exp{color:var(--green);margin-top:6px;font-size:.8rem;font-weight:600}.panel-head-r{align-items:center;gap:8px;display:flex}.panel-head-r a{text-decoration:none}.content-panel{max-width:640px}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--mint);margin:4px 0 -8px;font-size:.8rem;font-weight:600}.tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width>=900px){.content.content-panel{max-width:1240px;padding:0 24px}.content-panel .hello{font-size:2.2rem}.content-panel .tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.content-panel .plans-card{max-width:760px}}.tools>.hint,.tools>.msg{grid-column:1/-1}.tool{background:var(--white);color:var(--deep);border-radius:var(--radius);text-align:center;font:inherit;border:2px solid #0000;flex-direction:column;align-items:stretch;gap:0;padding:0;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #0000004d}button.tool{cursor:pointer}.tool-on{border-color:var(--amber)}.tool-on:hover,button.tool:hover{transform:translateY(-2px)}.tool:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.tool-art{aspect-ratio:5/2;object-fit:cover;width:100%;height:auto;display:block}.tool-body{flex-direction:column;flex:1;align-items:center;gap:6px;padding:4px 12px 16px;display:flex}.tool-logo{width:100%;max-width:190px;height:auto;margin:-2px 0 -14px}.tool-locked{box-shadow:none;background:#eef3f0}.tool-locked .tool-art{filter:saturate(.35)brightness(.95);opacity:.75}.tool-locked .tool-logo{filter:grayscale();opacity:.55}.tool-soon{cursor:default}.tool-lock{z-index:1;background:var(--white);color:#5b7a6e;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:10px;right:10px}.tool-desc{color:#4a6b5f;margin:0;font-size:.8rem;line-height:1.4}.tool-locked .tool-desc{color:#6d8a7f}.tool-state{color:var(--green);margin:2px 0 0;font-size:.78rem;font-weight:600}.tool-locked .tool-state{color:#5b7a6e}.tool-state-bad{color:var(--danger)!important}.tool-cta{color:var(--deep);align-self:center;margin-top:auto;padding-top:6px;font-size:.9rem;font-weight:700}.tool-on .tool-cta{background:var(--amber);border-radius:999px;margin-top:8px;padding:6px 14px}.tool-cta-alt{color:var(--green);text-underline-offset:3px;text-decoration:underline}@media (width<=300px){.tools{grid-template-columns:1fr}}@media (width<=480px){.panel-head .logo-sm{width:112px}.tool-lock{width:24px;height:24px;top:6px;right:6px}.tool-lock svg{width:13px;height:13px}.panel-head-r{gap:6px}.panel-head-r .btn-sm{padding:7px 12px;font-size:.82rem}}.plans{gap:10px;display:grid}@media (width>=420px){.plans{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}}.plan{border:1.5px solid #d7e6df;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.plan-name{font-weight:700}.plan-price{color:var(--green);font-size:1.5rem;font-weight:700}.plan-desc{color:#4a6b5f;font-size:.8rem}.plan .btn{margin-top:8px;text-decoration:none}.plan-steps{border-top:1px solid #e3eee9;flex-direction:column;align-items:flex-start;gap:6px;padding-top:12px;display:flex}.plan-steps .btn{white-space:normal;text-align:center;text-decoration:none}.content .code-card{text-align:center;align-self:center;gap:6px;width:100%;max-width:420px;margin-top:8px;padding:14px 16px;box-shadow:0 8px 20px #00000040}.code-card h2{margin:0;font-size:.95rem}.code-card .hint{font-size:.78rem}.code-card .code-row input{padding:9px 12px;font-size:.9rem}.code-card .code-row .btn{padding:9px 16px;font-size:.9rem}.code-row{gap:8px;display:flex}.code-row input{min-width:0;font:inherit;letter-spacing:.04em;text-transform:uppercase;background:var(--mist);color:var(--deep);border:1.5px solid #cfe3da;border-radius:10px;flex:1;padding:12px 14px;font-size:1rem}.code-row input:focus{border-color:var(--green);background:var(--white);outline:none;box-shadow:0 0 0 3px #0b6e4f2e}.code-row .btn{flex:none}.legal{z-index:1;text-align:center;max-width:520px;color:var(--mist);opacity:.7;margin-top:40px;font-size:.72rem;line-height:1.6;position:relative}.legal .version{background:var(--amber);color:var(--deep);border-radius:999px;padding:1px 8px;font-weight:700}.legal details{text-align:left;margin-top:8px}.legal summary{cursor:pointer;text-align:center;font-weight:600}.legal details p{margin:8px 0}.content-admin{max-width:860px}.content-admin .hello{margin-bottom:0}.mono{letter-spacing:.03em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.card select,.card input[type=number],.card input[type=date],.card input[type=search],.card .field input{font:inherit;color:var(--deep);background:var(--mist);border:1.5px solid #cfe3da;border-radius:10px;width:100%;min-width:0;padding:10px 12px;font-size:.95rem}.field small{font-weight:400}.grid2,.grid3{gap:12px;display:grid}@media (width>=640px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr 1fr}}.admin-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.admin-item{border:1.5px solid #d7e6df;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.admin-item-main{flex-direction:column;flex:260px;gap:4px;min-width:0;display:flex}.admin-item-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-item-actions{gap:8px;display:flex}.code-big{font-size:1.05rem;font-weight:700}.admin-item .hint{overflow-wrap:anywhere}.chips-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.access-chip{background:var(--mist);color:var(--green);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.access-off{color:var(--danger);background:#fdecea}.chip-x{color:inherit;cursor:pointer;background:#0000000f;border:0;border-radius:999px;width:22px;height:22px;font-size:.7rem}.grant-row{flex-wrap:wrap;flex:100%;align-items:center;gap:6px;display:flex}.grant-row select{flex:110px;width:auto;padding:8px 10px;font-size:.85rem}.grant-row .btn{flex:none}.search{margin-top:2px}.btn-danger{color:var(--danger)!important}.card-alert{border:2px solid var(--amber)}.plan-edit{flex-direction:column;align-items:stretch}.plan-off{background:#f7faf8}.plan-actions{flex-wrap:wrap;align-items:center}.plan-actions .check{margin-right:auto}.plan-new summary{cursor:pointer;color:var(--green);margin-top:6px;font-weight:600}.plan-new[open] summary{margin-bottom:10px}.card input[type=url],.card input[type=text]{min-width:0}.admin-blocked{background:#fff6f5;border-color:#f3c9c4}.content-wide{max-width:720px}.legal-text h2{margin:10px 0 0;font-size:1.05rem}.legal-text ul{margin:0;padding-left:20px;line-height:1.5}.legal-text li{margin:4px 0}.legal a{color:var(--mint)}@media (width<=420px){.card{padding:24px 18px}.logo{width:190px}}
