@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#121110;--surface:#201f1d;--primary:#3f3c38;--purple:#9d00d3;--purple-light:#ce7cf0;--text:#f8f6f7;--muted:#a6a19f;--line:#393638;--success:#a0e5bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 79% 16%,#31163b 0,#121110 34%),var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-header,footer{display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:28px 48px}.site-header{border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:14px;font:700 18px 'Space Grotesk',sans-serif;letter-spacing:.05em}.brand b{color:var(--purple-light)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ae56d3;background:linear-gradient(145deg,#71009a,#be28e8);border-radius:11px;box-shadow:0 0 25px #9d00d360;font-size:23px}.nav-link,.micro,.eyebrow,.feature-no,.panel-index,footer,.metric span,th,.key-reveal>span{font-size:11px;font-weight:800;letter-spacing:.17em}.nav-link{color:#d4c9d6}.nav-link span{color:var(--purple-light);margin-left:8px}.landing{position:relative;overflow:hidden;max-width:1320px;margin:auto;padding:120px 48px 145px;min-height:660px}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--purple-light)}.pulse{height:7px;width:7px;border-radius:50%;background:var(--purple-light);box-shadow:0 0 13px var(--purple-light)}h1{font:700 clamp(64px,9vw,132px)/.91 'Space Grotesk',sans-serif;letter-spacing:-.075em;margin:25px 0 30px}h1 em{font-style:normal;color:var(--purple-light)}.lead{font-size:19px;line-height:1.6;color:#c4bfc3;max-width:500px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:38px}.button{border:0;border-radius:10px;padding:17px 21px;display:inline-flex;justify-content:space-between;align-items:center;gap:30px;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.12em;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--purple);color:white;box-shadow:0 9px 34px #9d00d347}.button.primary:hover{background:#b311e6;box-shadow:0 11px 38px #9d00d36b}.button.ghost{color:#ded8dc;background:#302c30;border:1px solid #4a434c}.micro{color:#817981}.orb{position:absolute;right:90px;top:120px;width:330px;height:330px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#bc3be1,#68007f 48%,#1a0a22 70%);box-shadow:inset -25px -30px 45px #180b1e,0 0 100px #9d00d350;transform:rotate(-12deg)}.orb-inner{font:700 185px 'Space Grotesk';color:#ffffffd9;text-shadow:0 0 50px white}.ring{position:absolute;border:1px solid #c85ceb66;border-radius:50%;height:420px;width:420px}.r2{height:510px;width:510px;border-color:#bd57df24}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:1320px;margin:auto;padding:0 48px 95px}.features>div{background:#211f20;border:1px solid var(--line);padding:34px 32px;min-height:220px}.features>div:first-child{border-radius:15px 0 0 15px}.features>div:last-child{border-radius:0 15px 15px 0}.feature-no,.panel-index{color:var(--purple-light)}h2{font:700 24px 'Space Grotesk';letter-spacing:-.035em;margin:22px 0 10px}.features p,.dashboard p{color:var(--muted);line-height:1.6}.features p{font-size:14px}footer{color:#807a80;border-top:1px solid #ffffff14;padding-top:32px;padding-bottom:32px}.dashboard{max-width:1320px;margin:auto;padding:65px 48px 100px;min-height:75vh}.login-card{max-width:480px;margin:30px auto 50px;padding:44px;background:#222021;border:1px solid #4c3b50;border-radius:18px;box-shadow:0 30px 80px #0006}.login-card h1{font-size:68px}.login-card form{display:grid;gap:20px;margin-top:35px}label{display:grid;gap:9px;font-size:12px;letter-spacing:.08em;font-weight:800;color:#d4cfd2}input,select{width:100%;border:1px solid #4a444a;border-radius:9px;background:#161416;color:#fff;padding:14px 15px;outline:none}input:focus,select:focus{border-color:var(--purple-light);box-shadow:0 0 0 3px #9d00d328}.login-card .button{width:100%;margin-top:5px}.error{color:#ffaaaa!important;min-height:20px}.dash-top{display:flex;align-items:flex-start;justify-content:space-between}.dash-top h1{font-size:clamp(62px,8vw,110px);margin-bottom:15px}.dash-top .button{margin-top:10px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:55px 0 24px}.metric{background:#242123;border:1px solid #464046;border-radius:13px;padding:22px 25px}.metric span{color:#a8a0a8}.metric strong{display:block;margin-top:12px;font:700 38px 'Space Grotesk'}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px}.panel{background:#211f20;border:1px solid #464046;border-radius:15px;padding:27px}.panel-head{border-bottom:1px solid #3d373d;padding-bottom:19px;margin-bottom:24px}.panel-head h2{margin:9px 0 0}.create select{margin-bottom:17px}.create .button{width:100%}.key-reveal{margin-top:24px;padding:17px;border-radius:9px;background:#341c3c;border:1px solid #9351a7;overflow-wrap:anywhere}.key-reveal code{display:block;margin:13px 0;color:#fff;font-size:13px}.key-reveal small{display:block;margin-top:10px;color:#b9abbc;line-height:1.5}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:780px}th{text-align:left;color:#8e858d;padding:0 12px 15px}td{padding:17px 12px;border-top:1px solid #3b363b;font-size:13px;color:#d3cbd1;white-space:nowrap}td:first-child{font-weight:800;color:#fff}.status{display:inline-block;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.05em;background:#493b4e;color:#e3b6f4}.status.active{background:#214237;color:var(--success)}.status.terminated,.status.expired{background:#4b292f;color:#ffadb7}.table-action{background:none;border:0;color:var(--purple-light);font-weight:800;cursor:pointer;margin-right:10px;padding:4px}.table-action:hover{text-decoration:underline}.toast{min-height:20px;color:var(--purple-light)!important}@media(max-width:950px){.orb{opacity:.25;right:-90px}.workspace{grid-template-columns:1fr}.features{grid-template-columns:1fr}.features>div:first-child,.features>div:last-child{border-radius:0}}@media(max-width:600px){.site-header,footer{padding:20px}.brand{font-size:14px}.brand-mark{width:31px;height:31px}.nav-link{font-size:9px}.landing{padding:90px 20px 115px;min-height:570px}.landing h1{font-size:61px}.lead{font-size:16px}.hero-actions{display:block}.micro{display:block;margin-top:22px}.orb{width:250px;height:250px;right:-115px;top:180px}.orb-inner{font-size:120px}.ring{width:310px;height:310px}.r2{width:370px;height:370px}.features{padding:0 20px 50px}.dashboard{padding:35px 20px 80px}.login-card{padding:27px}.login-card h1{font-size:55px}.metrics{grid-template-columns:repeat(2,1fr)}.dash-top h1{font-size:58px}.dash-top{display:block}.dash-top .button{margin-top:10px}.panel{padding:20px}footer{font-size:9px}}
:is([hidden]){display:none!important}.tabs{display:flex;gap:8px;margin:45px 0 0;border-bottom:1px solid #4a4149}.tab{border:0;border-bottom:2px solid transparent;background:none;color:#a49ba4;font-size:12px;font-weight:800;letter-spacing:.1em;padding:15px 20px;cursor:pointer}.tab.selected{border-color:var(--purple-light);color:#fff}textarea{width:100%;min-height:100px;resize:vertical;border:1px solid #4a444a;border-radius:9px;background:#161416;color:#fff;padding:14px 15px;outline:none}.create label{margin-bottom:18px}.create form{display:grid;gap:17px}textarea:focus{border-color:var(--purple-light)}
.brand-mark{font-size:0;background:url('/venom-logo.png') center/cover;border-color:#853b9d}.orb{width:400px;height:400px;right:70px;top:90px;border-radius:25px;background:url('/venom-logo.png') center/cover;box-shadow:0 22px 100px #9d00d338;transform:none}.orb-inner,.ring{display:none}@media(max-width:950px){.orb{right:-90px}}@media(max-width:600px){.orb{width:270px;height:270px;right:-120px;top:180px}}
.modal{width:min(460px,calc(100vw - 32px));border:1px solid #745184;border-radius:16px;padding:30px;background:#242025;color:#fff;box-shadow:0 30px 100px #000b}.modal::backdrop{background:#09070acc;backdrop-filter:blur(7px)}.modal h2{margin:10px 0}.modal p{color:#bcb1bd;font-size:14px;line-height:1.5;margin-bottom:25px}.modal-actions{display:flex;gap:10px;margin-top:25px}.modal-actions .button{flex:1;justify-content:center;gap:0}.modal label{margin-top:12px}

/* Discord access surfaces */
body{background:#0b0b0d}.grain{display:none}#discord-login{width:100%;justify-content:center;margin:12px 0 18px;background:#6400b6;border:1px solid #862bcc;color:#fff;border-radius:10px}#discord-identity{line-height:1.6;color:#bdbac6}.login-card,.customer-login-card{background:#141416;border:1px solid #2a2930;box-shadow:0 24px 80px #0006;border-radius:18px}.panel,.metric{background:#151517;border-color:#29282e}input,select,textarea{background:#0d0d10;border-color:#38343f;border-radius:8px}.button{border-radius:9px}.button.primary{background:#6400b6}.button.primary:hover{background:#7c18ca}#discord-login[hidden]{display:none}