:root{
  --bg:#071426;--bg2:#0a2038;--panel:#0b1d33;--panel2:#102844;--line:rgba(112,167,226,.22);
  --text:#f7fbff;--muted:#a8bbcf;--cyan:#13a8ff;--blue:#1274ff;--red:#ff545a;--green:#27d3a3;--orange:#f39b4a;
  --shadow:0 24px 60px rgba(0,0,0,.34);--radius:22px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);min-width:320px}
a{color:inherit}
.page{min-height:100vh;background:
  radial-gradient(circle at 60% 6%,rgba(20,119,224,.28),transparent 30%),
  radial-gradient(circle at 6% 0%,rgba(30,101,182,.16),transparent 26%),
  linear-gradient(180deg,#0a1b31 0%,#071426 58%,#06111f 100%);overflow:hidden}

.navbar{height:72px;padding:0 clamp(24px,5vw,90px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(5,15,29,.42);backdrop-filter:blur(14px);position:relative;z-index:10}
.nav-left{display:flex;align-items:center;gap:14px}.nav-logo{width:130px;height:42px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 12px rgba(0,0,0,.2))}.nav-divider{width:1px;height:24px;background:rgba(255,255,255,.28)}.nav-brand{font-size:.96rem;color:#d6e5f6;letter-spacing:.02em}.nav-right{display:flex;gap:30px}.nav-right a{text-decoration:none;color:#abc2da;font-size:.9rem}.nav-right a:hover{color:#fff}

.hero-shell{max-width:1700px;margin:0 auto;min-height:500px;padding:28px clamp(24px,5vw,88px) 34px;display:grid;grid-template-columns:minmax(460px,1.05fr) minmax(420px,.95fr) minmax(330px,.68fr);gap:22px;align-items:center;position:relative}
.hero-shell:after{content:"";position:absolute;inset:auto -10% -120px 36%;height:320px;background:linear-gradient(135deg,transparent 20%,rgba(8,106,213,.18) 50%,rgba(17,73,143,.05));transform:skewY(-8deg);pointer-events:none}
.hero-copy,.hero-visual,.login-card{position:relative;z-index:2}
.eyebrow{display:inline-flex;gap:9px;align-items:center;padding:9px 14px;border:1px solid rgba(63,160,255,.30);border-radius:999px;background:rgba(14,71,130,.22);color:#c8e5ff;font-size:.82rem;margin-bottom:16px;box-shadow:inset 0 0 24px rgba(45,134,224,.08)}
.hero-copy h1{font-size:clamp(2.25rem,3.25vw,4.15rem);line-height:1.08;margin:0 0 16px;font-weight:850;letter-spacing:-.035em;max-width:760px}.hero-copy h1 span{color:var(--cyan)}
.hero-lead{color:#c3d4e4;font-size:clamp(.98rem,1.15vw,1.22rem);line-height:1.55;max-width:690px;margin:0 0 23px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.action{height:52px;padding:0 20px;border-radius:13px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:.85rem;font-weight:850;letter-spacing:.015em;box-shadow:0 13px 28px rgba(0,0,0,.16);transition:.18s ease}.action:hover{transform:translateY(-2px)}.action.primary{background:linear-gradient(180deg,#1494ff,#086bd7);border:1px solid #2eb0ff}.action.secondary{background:linear-gradient(180deg,rgba(12,101,187,.76),rgba(8,63,120,.82));border:1px solid rgba(41,160,255,.65)}
.hero-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:760px}.highlight{display:flex;gap:12px;align-items:center;padding:7px 16px 7px 0;border-right:1px solid rgba(94,159,219,.35);margin-right:16px}.highlight:last-child{border-right:0;margin-right:0}.highlight>i{font-size:1.45rem;color:#26a8ff;min-width:27px;text-align:center}.highlight b,.highlight span{display:block}.highlight b{text-transform:uppercase;font-size:.68rem;line-height:1.2}.highlight span{font-size:.68rem;color:#aac0d5;margin-top:3px;line-height:1.3}

.hero-visual{min-height:365px;display:flex;align-items:flex-end;justify-content:center}.hero-visual:before{content:"";position:absolute;width:100%;height:70%;left:0;bottom:0;background:radial-gradient(ellipse at 50% 70%,rgba(0,112,255,.27),transparent 68%);filter:blur(14px)}.hero-visual img{width:100%;max-width:590px;position:relative;z-index:1;filter:drop-shadow(0 25px 45px rgba(0,0,0,.38));border-radius:18px;mask-image:linear-gradient(180deg,#000 84%,transparent 100%)}
.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;min-width:164px;padding:12px 14px;border-radius:15px;background:linear-gradient(180deg,rgba(24,58,95,.92),rgba(10,34,61,.94));border:1px solid rgba(118,183,247,.19);box-shadow:0 14px 32px rgba(0,0,0,.30);backdrop-filter:blur(10px)}.float-card b,.float-card small{display:block}.float-card b{font-size:.78rem}.float-card small{font-size:.72rem;color:#b9d2e9;margin-top:3px}.float-a{top:32px;left:1%}.float-b{top:38px;right:1%}.float-c{right:2%;bottom:22px}.float-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:1.05rem;box-shadow:inset 0 0 20px rgba(255,255,255,.08)}.float-icon.green{background:rgba(39,211,163,.17);color:#56efc4}.float-icon.blue{background:rgba(52,108,255,.18);color:#8fb5ff}.float-icon.violet{background:rgba(102,78,255,.22);color:#b1a7ff}

.login-card{align-self:stretch;min-height:420px;border-radius:22px;padding:18px;background:linear-gradient(180deg,rgba(11,36,66,.98),rgba(7,27,51,.98));border:1px solid rgba(77,156,230,.26);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}
.collector-box{padding:2px 0 14px}.collector-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.collector-head b,.collector-head span{display:block}.collector-head b{font-size:1.08rem}.collector-head span{font-size:.78rem;color:#b9cce0;margin-top:6px}.collector-head>i{font-size:1.8rem;color:#18a9ff}.collector-box>a{height:43px;border-radius:11px;background:linear-gradient(180deg,#1499ff,#0876e9);display:flex;align-items:center;justify-content:center;gap:11px;text-decoration:none;font-size:.78rem;font-weight:900;box-shadow:0 10px 22px rgba(4,116,235,.26)}
.login-separator{display:flex;align-items:center;gap:9px;color:#55b4ff;margin:1px 0 10px}.login-separator span{height:1px;flex:1;background:rgba(77,151,218,.25)}.login-separator i{font-size:.72rem}
.login-card h2{text-align:center;margin:0;font-size:1rem}.login-subtitle{text-align:center;margin:4px 0 11px;color:#9eb3c8;font-size:.73rem}.login-card form label{display:block;font-size:.72rem;font-weight:800;margin:8px 0 5px}.field-wrap{height:42px;border:1px solid rgba(112,170,224,.34);background:#0c213a;border-radius:10px;display:flex;align-items:center;padding:0 12px;gap:9px}.field-wrap:focus-within{border-color:#18a9ff;box-shadow:0 0 0 3px rgba(24,169,255,.10)}.field-wrap i{color:#c8ddf1;font-size:.78rem}.field-wrap input{border:0;outline:0;background:transparent;color:white;width:100%;font:inherit;font-size:.78rem}.field-wrap input::placeholder{color:#748aa0}.login-submit{margin-top:11px;width:100%;height:43px;border:0;border-radius:10px;color:#fff;background:linear-gradient(180deg,#128dff,#086fd5);font-weight:900;letter-spacing:.05em;cursor:pointer;box-shadow:0 12px 24px rgba(0,103,215,.25)}.login-submit:hover{filter:brightness(1.08)}.login-error{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:9px;background:rgba(239,68,68,.12);border:1px solid rgba(248,113,113,.45);color:#fecaca;font-size:.75rem;margin-bottom:7px}.security-note{text-align:center;color:#7f9bb5;font-size:.66rem;margin-top:10px}.security-note i{color:#51b8ff}.login-footer{text-align:center;color:#8ba0b4;font-size:.64rem;margin-top:12px;line-height:1.45}

.section{padding:24px clamp(24px,5vw,88px);border-top:1px solid rgba(79,149,210,.12);position:relative;z-index:3}.reasons{background:linear-gradient(180deg,rgba(5,20,38,.98),rgba(6,24,44,.98))}.benefits{background:linear-gradient(180deg,#06172a,#071a31);padding-top:18px;padding-bottom:28px}.section-heading{max-width:1700px;margin:0 auto 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2{font-size:1.2rem;margin:0;display:flex;align-items:center;gap:10px}.section-heading h2:before{content:"";width:4px;height:24px;border-radius:99px;background:#159dff}.section-heading span{font-size:.8rem;color:#9fb3c8}
.reason-grid{max-width:1700px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.reason-card{min-height:124px;border-radius:16px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:13px;background:linear-gradient(145deg,rgba(18,48,79,.90),rgba(9,29,53,.95));border:1px solid rgba(86,151,214,.19);box-shadow:0 12px 28px rgba(0,0,0,.11)}.reason-card h3{font-size:.88rem;margin:2px 0 7px}.reason-card p{font-size:.74rem;line-height:1.5;color:#b3c6d8;margin:0}.reason-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:1.08rem;border:1px solid rgba(255,255,255,.08)}.reason-icon.red{background:linear-gradient(145deg,#bd3047,#631d30)}.reason-icon.blue{background:linear-gradient(145deg,#257cff,#163b9b)}.reason-icon.green{background:linear-gradient(145deg,#1fbf91,#0b725c)}.reason-icon.orange{background:linear-gradient(145deg,#f28b42,#9b4c22)}.reason-card .arrow{align-self:center;color:#2ea9ff}
.benefit-grid{max-width:1700px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.benefit-grid article{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:8px 22px 8px 10px;border-right:1px solid rgba(77,148,210,.18)}.benefit-grid article:last-child{border-right:0}.benefit-grid article>i{font-size:1.55rem;color:#39adff;margin-top:3px}.benefit-grid h3{font-size:.8rem;margin:0 0 4px}.benefit-grid p{font-size:.7rem;line-height:1.45;color:#aebfd0;margin:0}

@media(max-width:1320px){.hero-shell{grid-template-columns:1.08fr .92fr}.login-card{grid-column:1/-1;max-width:720px;width:100%;justify-self:center;min-height:auto;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.collector-box{grid-column:1}.login-separator{display:none}.login-card h2,.login-subtitle,.login-card form,.login-error,.security-note{grid-column:2}.login-footer{grid-column:1/-1}.hero-highlights{grid-template-columns:repeat(2,1fr);row-gap:12px}.reason-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.navbar{height:auto;padding-top:12px;padding-bottom:12px}.nav-right{display:none}.hero-shell{grid-template-columns:1fr;padding-top:24px}.hero-copy{text-align:center}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-highlights{max-width:620px;margin:0 auto}.hero-visual{min-height:330px}.float-a{left:8%}.float-b{right:8%}.float-c{right:10%}.login-card{grid-column:auto;display:flex;max-width:520px}.reason-grid,.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid article:nth-child(2){border-right:0}.section-heading{align-items:flex-start;flex-direction:column}.section-heading span{display:none}}
@media(max-width:620px){.nav-brand,.nav-divider{display:none}.nav-logo{width:118px}.hero-shell{padding-left:16px;padding-right:16px}.hero-copy h1{font-size:2.25rem}.hero-actions{flex-direction:column}.action{justify-content:center;width:100%}.hero-highlights{grid-template-columns:1fr 1fr}.highlight{margin-right:8px;padding-right:8px}.hero-visual{min-height:265px}.hero-visual img{width:115%;max-width:none}.float-card{transform:scale(.84)}.float-a{left:-5%;top:12px}.float-b{right:-4%;top:22px}.float-c{right:-2%;bottom:8px}.section{padding-left:16px;padding-right:16px}.reason-grid,.benefit-grid{grid-template-columns:1fr}.benefit-grid article{border-right:0;border-bottom:1px solid rgba(77,148,210,.14);padding:12px 4px}.reason-card{min-height:auto}.eyebrow{font-size:.72rem}.login-card{padding:16px}}