@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";*{box-sizing:border-box}body{color:#eef4f2;background:#030c10;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button,a{cursor:pointer}.gate{background:radial-gradient(circle at 50% 15%,#0b3932,#06151a 40%,#02080b 80%);place-items:center;min-height:100vh;padding:24px;display:grid}.gatecard{background:#061619e8;border:1px solid #24453f;border-radius:22px;width:min(470px,100%);padding:38px}.mark{color:#e7ad48;border:1px solid #bd8730;border-radius:13px;place-items:center;width:45px;height:45px;font:800 22px Manrope;display:grid}.gatecard h1{font:800 30px Manrope}.gatecard input,.modal input,.modal select{color:#fff;background:#0a2021;border:1px solid #28423f;border-radius:9px;width:100%;margin:6px 0;padding:13px}.gateprimary{color:#fff;background:#087a65;border:1px solid #16a486;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:9px;padding:12px;font-weight:700;display:flex}.shell{background:radial-gradient(circle at 62% 18%,#08211f,#061318 35%,#030b0f 70%);grid-template-columns:272px 1fr;min-height:100vh;display:grid}aside{background:#041015dd;border-right:1px solid #193036;height:100vh;padding:25px 22px;position:sticky;top:0}.brand{align-items:center;gap:13px;margin-bottom:34px;display:flex}.brand b{letter-spacing:1px;font:700 16px Manrope;display:block}.brand span{color:#e1a83d;letter-spacing:3px;font-size:10px}nav{gap:5px;display:grid}nav a{color:#a7b3b3;border-radius:9px;align-items:center;gap:13px;padding:12px 14px;font-size:13px;display:flex}nav svg{width:18px}.active{background:linear-gradient(90deg,#064f42,#06352f);color:#5af1c9!important}.workspace{min-width:0}.topbar{border-bottom:1px solid #193036;align-items:center;gap:20px;height:91px;padding:0 38px;display:flex}.iconbtn{color:#cbd4d2;background:#0a161b;border:1px solid #1d3035;border-radius:50%;width:40px;height:40px}.search{color:#66777a;border:1px solid #293a3f;border-radius:22px;align-items:center;gap:10px;width:min(480px,48vw);height:42px;padding:0 16px;font-size:12px;display:flex}.search svg{width:17px}.profile{align-items:center;gap:10px;margin-left:auto;display:flex}.profile.authbutton{color:#eef4f2;background:0 0;border:0}.avatar{color:#0d2523;background:#e4e9e6;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.profile b,.profile small{display:block}.profile small{color:#879698;font-size:10px}main{max-width:1200px;margin:auto;padding:34px 38px 15px}header{margin-bottom:22px;display:block}.eyebrow{letter-spacing:1.7px;color:#e2aa43;font-size:10px;font-weight:700}h1{margin:6px 0;font:800 44px Manrope}header>p:last-child{color:#9ba9a8;margin:0;font-size:12px}.notice{color:#f1c66d;background:#2a2112;border:1px solid #694e22;border-radius:9px;margin:10px 0;padding:10px 13px;font-size:11px}.cards{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.card{background:linear-gradient(145deg,#073129,#07191b);border:1px solid #1c3838;border-radius:15px;min-height:190px;padding:18px}.cardicon{color:#91dc50;background:#102e28;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.cardicon svg{width:20px}.card small{color:#c0c8c6;margin-top:14px;font-size:10px;display:block}.card>b{margin:7px 0;font:700 23px Manrope;display:block}.card p{color:#93a09f;min-height:30px;font-size:10px;line-height:1.5}.card>button{color:#dce4e2;background:#081517;border:1px solid #2c4243;border-radius:7px;width:100%;padding:9px}.hero{background:linear-gradient(115deg,#003e34,#052d2a 58%,#07332f);border:1px solid #0d574a;border-radius:17px;margin-top:14px}.hero-main{padding:28px}.hero span{letter-spacing:1.7px;color:#e2aa43;font-size:10px;font-weight:700}.hero h2{margin:10px 0;font:800 42px Manrope}.hero p{color:#b0c0bd;font-size:12px}.actions{gap:10px;margin-top:22px;display:flex}.actions button,.actions a{color:#eaf0ee;background:#101d21;border:1px solid #304246;border-radius:9px;align-items:center;gap:8px;padding:11px 17px;font-weight:700;display:flex}.actions .gateprimary{background:#087d65;width:auto}footer{color:#657578;border-top:1px solid #172b30;justify-content:space-between;margin-top:18px;padding:14px 0;font-size:9px;display:flex}.modalback{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:9999;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#07171a;border:1px solid #295048;border-radius:18px;width:min(500px,100%);max-height:88vh;padding:27px;position:relative;overflow:auto}.modal h2{margin:0 0 18px;font:800 22px Manrope}.modal h3{color:#e2aa43;margin:24px 0 8px;font:700 12px Manrope}.modal p{color:#9baba8;font-size:12px;line-height:1.6}.modalclose{color:#9db0ad;background:#102427;border:0;border-radius:50%;width:31px;height:31px;position:absolute;top:15px;right:15px}.gatesecurity{border-top:1px solid #1e3434;align-items:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.gatesecurity svg{color:#dda43e;width:22px}.gatesecurity b,.gatesecurity small{display:block}.gatesecurity small{color:#71817f;margin-top:3px;font-size:9px}@media (width<=760px){.shell{display:block}aside{border-bottom:1px solid #193036;border-right:0;height:auto;padding:18px 20px;position:relative}.brand{margin:0}.brand .mark{width:54px;height:54px;font-size:25px}.brand b{font-size:20px}.brand span{font-size:12px}aside nav{display:none}.topbar{height:72px;padding:0 20px}.search{display:none}.profile{margin-left:auto}.avatar{width:42px;height:42px}main{padding:26px 20px 18px}header{grid-template-columns:1fr;gap:0;margin-bottom:24px;display:grid}.eyebrow{max-width:250px;margin:0 0 8px;line-height:1.5}h1{margin:0 0 10px;font-size:46px;line-height:1}header>p:last-child{max-width:320px;font-size:14px;line-height:1.45}.cards{grid-template-columns:1fr;gap:14px}.card{min-height:0;padding:22px}.card>b{font-size:26px}.card p{min-height:0;margin:10px 0 18px;font-size:12px}.card>button{min-height:44px;font-size:13px}.hero{margin-top:16px}.hero-main{padding:23px}.hero h2{font-size:34px}.actions{grid-template-columns:1fr;display:grid}.actions button,.actions .gateprimary{justify-content:center;width:100%;min-height:46px}.modalback{align-items:end;padding:0}.modal{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:91vh;padding:27px 18px 34px}footer{flex-wrap:wrap;gap:8px}.gatecard{padding:27px 20px}}
