:root{--bg:#051226;--panel:rgba(12,31,61,.72);--line:rgba(155,194,255,.18);--text:#f3f7ff;--muted:#9dafca;--blue:#2473ff;--cyan:#41d7ff}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;overflow-x:hidden;background:radial-gradient(circle at 50% -20%,#173e7b 0,transparent 42%),linear-gradient(145deg,#07182f,#030a16 75%)}a{color:inherit;text-decoration:none}#bubbles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.62}.ambient{position:fixed;border-radius:50%;filter:blur(2px);pointer-events:none}.ambient-one{width:360px;height:360px;right:-180px;top:20%;background:radial-gradient(circle,#1677ff2e,transparent 68%)}.ambient-two{width:300px;height:300px;left:-150px;bottom:0;background:radial-gradient(circle,#35d5ff1c,transparent 70%)}.topbar{position:relative;z-index:2;max-width:1240px;margin:auto;padding:28px 28px 0;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #8bc7ff59;border-radius:15px;background:linear-gradient(145deg,#2078ff,#073fa1);box-shadow:0 12px 34px #005eff3d;font-weight:900;font-size:20px}.brand strong{display:block;font-size:22px;letter-spacing:.02em}.brand small{display:block;color:#7990b0;font-size:10px;letter-spacing:.19em;margin-top:3px;text-transform:uppercase}.clock{text-align:right;color:var(--muted);font-size:12px}.clock strong{display:block;color:#e9f1ff;font-size:18px;letter-spacing:.08em;margin-top:3px;font-variant-numeric:tabular-nums}main{position:relative;z-index:2;max-width:1240px;margin:0 auto;padding:80px 28px 48px}.intro{margin-bottom:38px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;color:#82a6d5;display:flex;align-items:center;gap:9px}.eyebrow span{width:28px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}h1{font-size:clamp(42px,6vw,74px);line-height:1.05;margin:14px 0 14px;letter-spacing:-.045em;background:linear-gradient(110deg,#fff 30%,#83bbff 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:0;color:var(--muted);font-size:17px}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.portal{position:relative;min-height:330px;padding:22px;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:linear-gradient(160deg,rgba(21,48,88,.82),rgba(7,20,41,.82));box-shadow:0 20px 70px #0005;backdrop-filter:blur(18px);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.portal:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,var(--glow),transparent 45%);opacity:.55;transition:.35s}.portal:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #ffffff0d;border-radius:50%;right:-85px;bottom:-85px;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff05}.portal>*{position:relative;z-index:1}.portal:hover,.portal:focus-visible{transform:translateY(-10px);border-color:var(--accent);box-shadow:0 30px 90px #0007,0 0 0 1px var(--accent-soft);outline:none}.portal:hover:before{opacity:1}.portal-main{--accent:#4fa1ff;--accent-soft:#4fa1ff35;--glow:#145dca}.portal-library{--accent:#42d7ff;--accent-soft:#42d7ff35;--glow:#0b789d}.portal-account{--accent:#8b7bff;--accent-soft:#8b7bff35;--glow:#513cbb}.portal-freight{--accent:#40e0af;--accent-soft:#40e0af35;--glow:#087a62}.portal-top{display:flex;justify-content:space-between;align-items:center}.number{font-size:12px;letter-spacing:.18em;color:#8295b1}.arrow{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff18;background:#ffffff09;transition:.3s}.portal:hover .arrow{background:var(--accent);color:#041225;transform:rotate(45deg)}.icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent-soft),#ffffff05);border:1px solid var(--accent-soft);color:var(--accent);box-shadow:0 14px 35px #0004}.icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.portal h2{font-size:23px;margin:24px 0 9px}.portal p{color:var(--muted);line-height:1.65;font-size:14px;margin:0 0 18px;min-height:46px}.domain{display:block;color:#bfd0e8;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hint{margin-top:24px;text-align:center;color:#6e84a4;font-size:12px}.key{display:inline-block;border:1px solid #ffffff18;border-radius:6px;background:#ffffff08;padding:3px 7px;margin-right:6px;color:#b4c7e0}footer{position:relative;z-index:2;max-width:1240px;margin:auto;padding:24px 28px 36px;display:flex;align-items:center;gap:14px;color:#5f7493;font-size:12px}.footer-line{width:30px;height:1px;background:#344b6b}@media(max-width:980px){main{padding-top:60px}.portal-grid{grid-template-columns:repeat(2,1fr)}.portal{min-height:300px}}@media(max-width:580px){.topbar{padding:20px 18px 0}.clock{display:none}main{padding:52px 18px 30px}.intro{margin-bottom:28px}h1{font-size:43px}.lead{font-size:15px}.portal-grid{grid-template-columns:1fr;gap:12px}.portal{min-height:210px;padding:19px}.icon{width:55px;height:55px;border-radius:17px}.icon svg{width:29px;height:29px}.portal h2{margin-top:18px}.portal p{min-height:auto}.hint{display:none}footer{padding:20px 18px 28px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}#bubbles{display:none}}