/*
Table of contents
1. Foundation
2. Background
3. Header
4. Content
5. Footer
6. Responsive
*/

/* 1. Foundation */
:root { color-scheme:dark; --uzd-black:#050607; --uzd-white:#f4f1ea; --uzd-muted:#989ca4; --uzd-blue:#2478ff; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; }
body { background:var(--uzd-black); color:var(--uzd-white); font-family:Arial,"Helvetica Neue",sans-serif; }
.uzd-gateway { display:flex; flex-direction:column; min-height:100vh; overflow:hidden; padding:34px clamp(24px,5vw,76px) 28px; position:relative; }

/* 2. Background */
.uzd-gateway::before { background:radial-gradient(circle at 72% 66%,rgba(36,120,255,.24),transparent 12%),radial-gradient(ellipse at 70% 110%,#303841 0%,#11161b 32%,transparent 65%); bottom:0; content:""; height:72%; left:0; opacity:.9; position:absolute; right:0; }
.uzd-gateway::after { background:linear-gradient(132deg,transparent 0 46%,rgba(255,255,255,.05) 47%,transparent 48%),linear-gradient(25deg,transparent 0 63%,rgba(255,255,255,.035) 64%,transparent 66%); bottom:-18%; content:""; filter:blur(1px); height:52%; left:-10%; position:absolute; right:-10%; transform:skewY(-4deg); }
.uzd-gateway__noise { background-image:radial-gradient(rgba(255,255,255,.14) .6px,transparent .6px); background-size:5px 5px; inset:0; opacity:.07; pointer-events:none; position:absolute; }

/* 3. Header */
.uzd-gateway__header { align-items:center; direction:ltr; display:flex; gap:13px; position:relative; z-index:2; }
.uzd-gateway__mark { height:32px; position:relative; transform:rotate(30deg); width:32px; }
.uzd-gateway__mark span { background:linear-gradient(135deg,#f4f1ea,#656970); clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%); inset:0; position:absolute; }
.uzd-gateway__mark span:nth-child(2) { background:#111318; inset:6px; }
.uzd-gateway__mark span:nth-child(3) { background:linear-gradient(135deg,#2478ff,#9ac0ff); inset:12px; }
.uzd-gateway__logo { font-size:22px; font-weight:800; letter-spacing:-.06em; }
.uzd-gateway__logo span { font-weight:300; }

/* 4. Content */
.uzd-gateway__content { margin:auto 0; max-width:960px; padding:9vh 0 12vh; position:relative; z-index:2; }
.uzd-gateway__eyebrow { direction:ltr; font-size:11px; font-weight:700; letter-spacing:.27em; margin:0 0 28px; text-align:right; }
.uzd-gateway h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(48px,8.3vw,118px); font-weight:400; letter-spacing:-.065em; line-height:.83; margin:0; }
.uzd-gateway h1 em { color:transparent; font-style:normal; -webkit-text-stroke:1px rgba(244,241,234,.78); }
.uzd-gateway__rule { background:rgba(255,255,255,.19); height:1px; margin:42px 0 25px; max-width:620px; position:relative; }
.uzd-gateway__rule span { background:var(--uzd-blue); height:3px; position:absolute; right:0; top:-1px; width:82px; }
.uzd-gateway__copy { color:#ced0d4; font-size:clamp(16px,2vw,22px); line-height:1.7; margin:0; max-width:590px; }
.uzd-gateway__status { align-items:center; direction:ltr; display:flex; font-size:9px; gap:10px; letter-spacing:.24em; margin-top:34px; }
.uzd-gateway__status i { background:#5de1a5; border-radius:50%; box-shadow:0 0 0 6px rgba(93,225,165,.09),0 0 20px rgba(93,225,165,.4); height:7px; width:7px; }

/* 5. Footer */
.uzd-gateway__footer { border-top:1px solid rgba(255,255,255,.15); color:var(--uzd-muted); direction:ltr; display:flex; font-size:9px; justify-content:space-between; letter-spacing:.2em; padding-top:20px; position:relative; z-index:2; }

/* 6. Responsive */
@media (max-width:640px) { .uzd-gateway { padding:25px 22px 22px; } .uzd-gateway__content { padding:12vh 0 16vh; } .uzd-gateway h1 { font-size:clamp(46px,15vw,72px); line-height:.9; } .uzd-gateway__eyebrow { font-size:9px; letter-spacing:.2em; } .uzd-gateway__footer { align-items:flex-start; flex-direction:column; gap:10px; } }
@media (prefers-reduced-motion:no-preference) { .uzd-gateway__status i { animation:uzd-pulse 2.4s ease-in-out infinite; } @keyframes uzd-pulse { 50% { box-shadow:0 0 0 10px rgba(93,225,165,0),0 0 28px rgba(93,225,165,.55); } } }