:root{--bg:#06121f;--bg2:#0b1d30;--card:#ffffff0d;--line:#ffffff1a;--tx:#e8f1fa;--mut:#8ca3ba;--ac:#2dd4bf;--ac2:#38bdf8;--warn:#fbbf24;--bad:#f87171;--r:16px}*{box-sizing:border-box}html,body{margin:0}body{color:var(--tx);background:#03172a;min-height:100vh;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;position:relative}body:before{content:"";z-index:-3;background:#03172a url(/login/ocean-login.jpg) 50%/cover no-repeat;animation:26s ease-in-out infinite alternate oceZoom;position:fixed;inset:-3%}body:after{content:"";z-index:-2;pointer-events:none;background:linear-gradient(90deg,#021020b8,#02142661 60%,#0210208c),linear-gradient(#0000 55%,#010a1699);position:fixed;inset:0}@keyframes oceZoom{0%{transform:scale(1)}to{transform:scale(1.07)translate(-1%)}}@media (prefers-reduced-motion:reduce){body:before{animation:none}}a{color:var(--ac2);text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand{letter-spacing:.04em;align-items:center;gap:10px;font-weight:800;display:flex}.logo{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#04202a;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.who{color:var(--mut);align-items:center;gap:10px;font-size:14px;display:flex}.pill{border:1px solid var(--line);background:var(--card);color:var(--tx);border-radius:999px;padding:4px 10px;font-size:12px}h1{margin:0 0 6px;font-size:30px}h2{margin:28px 0 12px;font-size:18px}.sub{color:var(--mut);margin:0 0 24px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{border-radius:var(--r);-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#051b30c7,#021122a8);border:1px solid #9ddcff38;padding:18px;transition:transform .25s,border-color .25s,box-shadow .25s;box-shadow:0 18px 50px #00081466}a.card:hover{border-color:var(--ac);transform:translateY(-3px)}.vname{margin-bottom:2px;font-size:20px;font-weight:800}.vcode{color:var(--mut);letter-spacing:.12em;font-size:12px}.stats{gap:18px;margin-top:14px;display:flex}.stat b{color:var(--ac);font-size:22px;display:block}.stat span{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.cta{border-radius:var(--r);background:linear-gradient(120deg,#2dd4bf29,#38bdf81a);border:1px solid #2dd4bf66;justify-content:space-between;align-items:center;gap:16px;padding:22px;display:flex}.btn{cursor:pointer;font:inherit;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#04202a;border:0;border-radius:12px;padding:11px 18px;font-weight:700;display:inline-block}.btn.ghost{color:var(--tx);border:1px solid var(--line);background:0 0}.btn:hover{filter:brightness(1.08)}input,select{border:1px solid var(--line);width:100%;color:var(--tx);font:inherit;background:#00000040;border-radius:12px;padding:12px 14px}input:focus,select:focus{outline:2px solid var(--ac);border-color:#0000}label{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 6px;font-size:12px;display:block}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login .card{width:100%;max-width:400px;padding:30px}.err{color:#fecaca;background:#f871711f;border:1px solid #f8717166;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:14px}.ok{color:#ccfbf1;background:#2dd4bf1f;border:1px solid #2dd4bf66;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:14px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}th{color:var(--mut);text-transform:uppercase;letter-spacing:.08em;font-size:11px}td form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}td select{width:auto;padding:7px 8px}.chk{align-items:center;gap:4px;margin-right:8px;font-size:12px;display:inline-flex}.chk input{width:auto}.btn.sm{border-radius:9px;padding:6px 12px;font-size:13px}.hint{color:var(--mut);font-size:13px}@media (max-width:640px){.cta{flex-direction:column;align-items:flex-start}h1{font-size:24px}}.hero{margin:8px 0 26px}.hero .eyebrow{letter-spacing:.26em;color:#83d6ff;text-transform:uppercase;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.01em;text-shadow:0 2px 20px #00101b;margin:10px 0 8px;font-size:clamp(30px,4.4vw,52px);font-weight:850;line-height:1.05}.hero h1 em{color:#56caff;font-style:normal}.hero .sub{color:#c5dbea;margin:0;font-size:15px}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 0 22px;display:grid}.kpi{padding:16px 18px}.kpi b{color:#fff;font-size:30px;font-weight:800;line-height:1.1;display:block}.kpi span{color:#9fc2d8;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.launch{-webkit-backdrop-filter:blur(18px);background:linear-gradient(120deg,#087ebf8c,#05203ac7 70%);border:1px solid #78d7ff66;border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:22px;padding:28px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #000a1980}.launch:after{content:"";pointer-events:none;background:radial-gradient(500px 220px at 85% 0,#56caff47,#0000);position:absolute;inset:0}.launch h2{margin:0 0 6px;font-size:24px}.launch p{color:#cfe4f1;max-width:560px;margin:0;font-size:14px}.mods{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.mod{color:#e6f6ff;background:#041e3499;border:1px solid #9ddcff59;border-radius:999px;padding:8px 13px;font-size:12px;transition:all .2s}.mod:hover{background:#0c6fa3;border-color:#56caff;transform:translateY(-2px)}.btn.big{color:#fff;z-index:1;background:linear-gradient(110deg,#087ebf,#19baf2);border-radius:14px;padding:15px 26px;font-size:15px;position:relative;box-shadow:0 10px 28px #078ac066}.sec{letter-spacing:.22em;text-transform:uppercase;color:#a8e4ff;align-items:center;gap:10px;margin:30px 0 14px;font-size:12px;font-weight:700;display:flex}.sec:after{content:"";background:linear-gradient(90deg,#9ddcff66,#0000);flex:1;height:1px}.fleet{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.vcard{color:inherit;padding:20px;display:block;position:relative;overflow:hidden}.vcard:hover{border-color:#56caff;transform:translateY(-5px);box-shadow:0 26px 60px #000a198c,0 0 0 1px #56caff4d}.vcard .ship{opacity:.16;width:170px;transition:all .3s;position:absolute;top:6px;right:-14px}.vcard:hover .ship{opacity:.3;transform:translate(-6px)}.vcard .tag{letter-spacing:.14em;color:#7be9c3;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;display:inline-flex}.vcard .tag i{background:#52f2b6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #4bf7bd}.vcard .vname{margin:14px 0 2px;font-size:22px;position:relative}.vcard .go{color:#7cd6ff;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;display:flex}.bar{background:#ffffff1f;border-radius:5px;height:5px;margin-top:12px;overflow:hidden}.bar i{background:linear-gradient(90deg,#087ebf,#56caff);border-radius:5px;height:100%;display:block}.footer{text-align:center;color:#7f9fb4;letter-spacing:.18em;text-transform:uppercase;margin-top:44px;font-size:10px}@media (max-width:640px){.launch{grid-template-columns:1fr;padding:22px}.vcard .ship{width:130px}}.who{color:#d6e9f4;text-shadow:0 1px 8px #00101b}.pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#041e3499;border-color:#9ddcff4d}@media (max-width:640px){.kpis{grid-template-columns:1fr 1fr}.kpi b{font-size:24px}}