@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#070707;--panel:#101010;--red:#ff1737;--red2:#ff4b25;--white:#f4f4f5;--muted:#a3a3aa;--line:rgba(255,35,58,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
.ambient{position:fixed;width:440px;height:440px;border-radius:50%;filter:blur(130px);opacity:.13;pointer-events:none;z-index:-1}.ambient-one{background:#ff002b;top:100px;left:-260px}.ambient-two{background:#a50019;right:-300px;top:650px}
.topbar{height:78px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(5,5,5,.9);position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font-weight:900;letter-spacing:.18em;font-size:19px}.brand-logo{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid #ff3048;box-shadow:0 0 18px #ff173755}.red{color:var(--red)}
.desktop-nav{display:flex;gap:30px}.desktop-nav a{color:#c7c7cb;text-decoration:none;font-size:13px}.desktop-nav a:hover{color:white}
.top-actions{display:flex;align-items:center;gap:10px}.user-label{font-size:12px;color:#bbb;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.button{border:1px solid transparent;border-radius:12px;padding:11px 17px;font:600 13px Inter,sans-serif;cursor:pointer;transition:.2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:white}.button:disabled{opacity:.6;cursor:wait}.button-primary{background:linear-gradient(110deg,#d90025,#ff4c2b);box-shadow:0 0 24px #ff153b38}.button-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff153b70}.button-outline{background:#090909;border-color:#70202c}.button-outline:hover{border-color:var(--red);box-shadow:0 0 18px #ff173733}.button-large{padding:16px 23px;font-size:14px;border-radius:13px}
.hero{min-height:690px;padding:72px 20px 88px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;isolation:isolate;background-image:linear-gradient(rgba(255,30,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,30,50,.035) 1px,transparent 1px);background-size:56px 56px}
.hero-orbit{position:absolute;width:min(520px,85vw);height:min(520px,85vw);border:1px solid rgba(255,25,55,.12);border-radius:50%;top:50px;z-index:-1;box-shadow:0 0 80px #ff00131a,inset 0 0 70px #ff00131a}
.hero-logo{width:min(290px,65vw);height:min(290px,65vw);object-fit:cover;border-radius:50%;border:2px solid #ff334d;box-shadow:0 0 28px #ff1737a0,0 0 90px #ff173733;margin:0 0 35px}
.eyebrow{font-size:10px;letter-spacing:.28em;font-weight:800;color:#f2c5ca}.pulse{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--red)}
.hero .eyebrow{padding:10px 17px;border:1px solid #8c1c30;border-radius:40px;background:#100609;box-shadow:0 0 22px #ff17372b}
h1{font-size:clamp(46px,8vw,82px);line-height:.99;letter-spacing:-.065em;margin:28px 0 20px;font-weight:900}h1 span{color:var(--red);text-shadow:0 0 30px #ff17375c}
.hero-copy{max-width:640px;color:#aaa9b0;font-size:16px;line-height:1.8;margin:0 auto 30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;justify-content:center}.micro-note{font-size:10px;color:#6e6e74;letter-spacing:.12em;margin-top:26px}
.section{padding:85px clamp(20px,7vw,100px)}.section-heading{text-align:center;max-width:680px;margin:0 auto 42px}.section h2,.account-panel h2,.about h2{font-size:clamp(27px,4vw,42px);letter-spacing:-.04em;margin:14px 0}.section-heading p,.about p,.account-panel p{color:var(--muted);font-size:14px;line-height:1.8}
.tool-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tool-card{border:1px solid var(--line);border-radius:17px;padding:23px;background:linear-gradient(145deg,#141012,#090909);min-height:220px;transition:.2s}.tool-card:hover{transform:translateY(-4px);border-color:#ff4358;box-shadow:0 12px 35px #ff173718}.tool-icon{font-size:28px;color:#ff4057;margin-bottom:18px}.tag{font-size:8px;letter-spacing:.15em;color:#ff7888;border:1px solid #752433;border-radius:30px;padding:5px 8px}.tool-card h3{font-size:16px;margin:17px 0 8px}.tool-card p{font-size:12px;color:#999;line-height:1.7;margin:0}
.account-panel{max-width:1080px;margin:10px auto 80px;padding:35px;border:1px solid #70202c;border-radius:20px;background:radial-gradient(ellipse at 90% 10%,#5a071b55,transparent 55%),#100b0d;display:flex;align-items:center;justify-content:space-between;gap:25px}.account-panel h2{font-size:26px}.account-panel p{margin-bottom:0}
.about{text-align:center;max-width:750px;margin:auto;padding-top:15px;padding-bottom:90px}.about p{max-width:600px;margin:0 auto}
footer{border-top:1px solid var(--line);padding:25px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;color:#777;font-size:10px}.footer-brand{font-size:14px}
.hidden{display:none!important}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px}.modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(100%,420px);padding:30px;border:1px solid #7b2433;border-radius:20px;background:#100d0e;box-shadow:0 0 60px #ff17372b}.modal-card h2{font-size:27px;margin:14px 0 8px}.modal-card>p{color:#aaa;font-size:13px;line-height:1.6}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;color:white;font-size:27px;cursor:pointer}form{display:flex;flex-direction:column;gap:9px;margin-top:22px}label{font-size:11px;color:#ddd}input{padding:13px;border-radius:10px;border:1px solid #3c2429;background:#080808;color:white;font:14px Inter,sans-serif;margin-bottom:8px}input:focus{outline:1px solid var(--red)}form .button{margin-top:8px}.text-button{background:none;border:0;color:#ff7183;margin-top:18px;padding:0;font:12px Inter,sans-serif;cursor:pointer}.auth-message{min-height:18px;color:#ff9aa7!important}.security-note{font-size:10px!important;color:#777!important}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:40;background:#211015;border:1px solid #963047;border-radius:12px;padding:12px 18px;font-size:12px;max-width:90vw}
@media(max-width:760px){.topbar{height:70px}.desktop-nav{display:none}.brand{font-size:16px}.brand-logo{width:42px;height:42px}.top-actions{gap:6px}.top-actions .button{padding:9px 10px;font-size:10px}.user-label{display:none}.hero{min-height:640px;padding-top:55px}.hero-logo{width:min(250px,68vw);height:min(250px,68vw)}.hero-copy{font-size:14px}.tool-grid{grid-template-columns:repeat(2,1fr)}.account-panel{margin:0 16px 60px;padding:24px;flex-direction:column;align-items:flex-start}.account-panel .button{width:100%}footer{gap:15px;flex-direction:column;text-align:center}}
@media(max-width:390px){.tool-grid{grid-template-columns:1fr}.hero-actions{width:100%;flex-direction:column}.hero-actions>*{width:100%}.top-actions .button{padding:8px}.brand{gap:7px;letter-spacing:.1em}}