:root{--bg:#080d18;--panel:#101a2b;--panel2:#0d1727;--line:#223149;--text:#edf4ff;--muted:#8d9bb1;--mint:#55e0b0;--blue:#6b8cff;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}.ambient{position:fixed;width:430px;height:430px;filter:blur(120px);opacity:.13;border-radius:50%;pointer-events:none;z-index:-1}.ambient-one{background:#315ce8;top:-210px;left:15%}.ambient-two{background:#00c99a;right:-250px;top:400px}.container{width:min(1120px,calc(100% - 44px));margin:auto}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(140,160,190,.12)}.brand{font:700 21px var(--display);letter-spacing:-.8px;color:var(--text);text-decoration:none}.brand>span:last-child{color:var(--mint)}.brand-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(85,224,176,.12);color:var(--mint);margin-right:8px}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{font-size:13px;color:var(--muted);text-decoration:none}.nav-links a.active,.nav-links a:hover{color:var(--text)}.status{font-size:10px;letter-spacing:1px;color:#a9b8ca}.status i,.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:7px;box-shadow:0 0 12px var(--mint)}.hero{padding:70px 0 38px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--mint)}h1{font:700 clamp(43px,7vw,72px)/1.02 var(--display);letter-spacing:-3.5px;margin:20px 0 15px}h1 span{color:var(--mint)}.hero-copy{max-width:550px;color:var(--muted);font-size:15px;line-height:1.7;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);gap:18px}.panel{background:linear-gradient(145deg,rgba(17,28,46,.97),rgba(12,21,36,.97));border:1px solid var(--line);border-radius:17px}.detector-panel{padding:27px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h2,h3,p{margin-top:0}.panel-heading h2{font:600 23px var(--display);margin:8px 0 0}.scan-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid #2c435b;border-radius:12px;color:var(--mint);font-size:25px}label{display:block;font-size:10px;letter-spacing:1.4px;color:#aab8cb;font-weight:700;margin-bottom:10px}textarea{width:100%;min-height:175px;resize:vertical;border:1px solid #293b54;border-radius:11px;background:#091321;color:var(--text);padding:16px;font:14px/1.7 var(--font);outline:none}textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px rgba(85,224,176,.08)}textarea::placeholder{color:#66758b}.input-foot{display:flex;justify-content:space-between;color:#77879e;font-size:11px;margin:10px 0 19px}.primary-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border:0;border-radius:10px;background:var(--mint);color:#062017;font:700 13px var(--font);text-decoration:none;cursor:pointer;transition:.2s}.primary-button:hover{background:#7bf0c6;transform:translateY(-1px)}.primary-button b{font-size:18px}.side-column{display:flex;flex-direction:column;gap:15px}.info-panel{padding:25px}.info-panel h3{font:600 25px/1.2 var(--display);margin:12px 0 24px}.steps{display:flex;flex-direction:column;gap:20px}.step{display:flex;gap:13px;align-items:flex-start}.step>span{font:600 12px var(--display);color:var(--mint);background:rgba(85,224,176,.1);padding:7px 8px;border-radius:7px}.step b{display:block;font-size:12px;margin:2px 0 5px}.step small{display:block;color:var(--muted);font-size:11px}.mini-card{display:flex;gap:13px;align-items:center;background:rgba(85,224,176,.055);border:1px solid rgba(85,224,176,.18);border-radius:13px;padding:17px}.mini-icon{font-size:23px;color:var(--mint)}.mini-card b{font-size:12px}.mini-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:5px 0 0}.result-card{display:flex;align-items:center;gap:15px;padding:17px;margin-top:20px;border-radius:12px}.result-card.spam{background:rgba(255,92,108,.09);border:1px solid rgba(255,92,108,.28)}.result-card.safe{background:rgba(85,224,176,.08);border:1px solid rgba(85,224,176,.25)}.result-symbol{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:700}.spam .result-symbol{background:rgba(255,92,108,.16);color:#ff7786}.safe .result-symbol{background:rgba(85,224,176,.15);color:var(--mint)}.result-copy{flex:1}.result-copy h3{font:600 21px var(--display);margin:5px 0}.result-copy p{font-size:11px;color:var(--muted);margin:0}.confidence{text-align:right}.confidence strong{display:block;font:600 20px var(--display)}.confidence span{font-size:8px;letter-spacing:1px;color:var(--muted)}.disclaimer,.metric-note{color:#78879c;font-size:10px;line-height:1.6;margin:10px 2px 0}.notice{margin-top:15px;padding:12px;border-radius:9px;font-size:12px}.error{background:rgba(255,92,108,.1);color:#ff9aa5}.metrics-section{padding:65px 0 45px}.metrics-title h2{font:600 27px var(--display);margin:8px 0}.metrics-title p{color:var(--muted);font-size:12px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.metric{padding:20px;background:var(--panel2);border:1px solid var(--line);border-radius:12px}.metric span{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:700}.metric strong{display:block;font:600 29px var(--display);margin-top:10px}.metric strong small{font-size:15px;color:var(--mint);margin-left:2px}footer{border-top:1px solid rgba(140,160,190,.13);padding:24px 0 30px;display:flex;justify-content:space-between;align-items:center;color:#738198;font-size:10px}.brand.small{font-size:15px}.brand.small .brand-icon{width:23px;height:23px;border-radius:7px}.about-page{padding-top:65px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:35px 0}.about-card{padding:25px}.about-card h2{font:600 22px var(--display);margin:13px 0}.about-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.back-button{max-width:220px;margin-bottom:50px}@media(max-width:760px){.container{width:min(100% - 30px,600px)}.nav{height:70px}.nav-links{gap:15px}.status{display:none}.hero{padding:52px 0 30px}h1{letter-spacing:-2px}.workspace{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.detector-panel{padding:20px}.result-card{flex-wrap:wrap}.confidence{margin-left:53px;text-align:left}footer{gap:12px;flex-wrap:wrap}.about-grid{grid-template-columns:1fr}}