*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#030b18;color:#fff}body{overflow:hidden}.bg{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 28% 54%,rgba(0,106,255,.30),transparent 33%),radial-gradient(circle at 83% 10%,rgba(0,172,255,.20),transparent 28%),linear-gradient(135deg,#020713 0%,#06162b 54%,#020711 100%)}.bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.particles{position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 15% 25%,rgba(30,160,255,.32) 0 1px,transparent 2px),radial-gradient(circle at 56% 26%,rgba(30,160,255,.38) 0 1px,transparent 2px),radial-gradient(circle at 61% 48%,rgba(30,160,255,.42) 0 1px,transparent 2px),radial-gradient(circle at 50% 67%,rgba(30,160,255,.34) 0 1px,transparent 2px);opacity:.75}.page{width:min(1480px,calc(100vw - 42px));height:100vh;margin:0 auto;display:grid;grid-template-rows:112px 1fr 128px 104px}.header{display:grid;grid-template-columns:430px 1fr 240px;align-items:center;border-bottom:1px solid rgba(255,255,255,.085)}.brand{display:flex;align-items:center;gap:22px;text-decoration:none;color:#fff}.logo-frame{width:138px;height:72px;border:1px solid rgba(255,255,255,.20);border-radius:16px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;padding:7px;box-shadow:0 14px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.14);overflow:hidden}.logo-frame img{width:100%;height:100%;object-fit:contain;border-radius:11px}.brand-text{font-size:25px;font-weight:800;letter-spacing:-.04em}.brand-text b{color:#208fff;font-weight:800}.nav{justify-self:center;display:flex;gap:48px;align-items:center}.nav a{text-decoration:none;color:rgba(255,255,255,.78);font-size:17px;font-weight:520;padding:42px 0;position:relative}.nav a.active,.nav a:hover{color:#27aaff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:28px;height:3px;background:#1599ff;border-radius:10px}.header-login{height:58px;border-radius:14px;background:linear-gradient(135deg,#0b2f82,#0d63d8);border:1px solid rgba(78,160,255,.58);display:flex;align-items:center;justify-content:center;gap:13px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:15px;font-weight:850;letter-spacing:.035em;box-shadow:0 18px 42px rgba(0,70,180,.26)}.header-login svg{width:22px;height:22px;fill:#e7f2ff}.hero{display:grid;grid-template-columns:1.05fr 360px 490px;gap:22px;align-items:center;position:relative}.hero-left{position:relative;z-index:2}.tag{display:inline-flex;align-items:center;gap:12px;min-height:46px;border-radius:13px;padding:0 19px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);text-transform:uppercase;letter-spacing:.09em;font-size:13px;font-weight:860;color:#e8f3ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.tag span{width:9px;height:9px;background:#31c7ff;border-radius:50%;box-shadow:0 0 18px #31c7ff}h1{margin:30px 0 22px;font-size:clamp(58px,5.4vw,86px);letter-spacing:-.065em;line-height:.96;color:#fff;text-shadow:0 0 42px rgba(0,118,255,.14)}h1 span{background:linear-gradient(90deg,#f2fbff,#168dff 52%,#0d62ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:650px;color:rgba(255,255,255,.78);font-size:22px;line-height:1.52;margin:0}.hero-actions{display:flex;gap:22px;margin-top:38px}.btn{height:58px;min-width:170px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:850;font-size:16px;transition:.2s}.btn svg{width:20px;height:20px;fill:#e9f4ff}.primary{background:linear-gradient(135deg,#168dff,#0b57d7);color:#fff;border:1px solid rgba(111,181,255,.44);box-shadow:0 18px 42px rgba(0,96,255,.32)}.secondary{color:white;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.17)}.btn:hover,.login-main:hover{transform:translateY(-2px)}.security{margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.73);font-size:18px}.security svg{width:22px;height:22px;fill:#d4e4f5}.cloud-art{align-self:center;justify-self:center;width:390px;opacity:.92;filter:drop-shadow(0 0 22px rgba(0,126,255,.25))}.cloud-art svg{width:100%;overflow:visible}.line{fill:none;stroke:#147fff;stroke-width:1.4;opacity:.52}.line.faint{opacity:.24}.cloud{fill:rgba(6,37,84,.38);stroke:url(#c1);stroke-width:2.2}.dots{fill:none;stroke:#22aaff;stroke-width:1;stroke-dasharray:1 9;opacity:.78}.glow{fill:url(#g1)}.cloud-art circle:not(.glow){fill:#2fc5ff}.auth-card{width:100%;min-height:520px;border-radius:26px;padding:34px 42px;border:1px solid rgba(112,160,220,.48);background:linear-gradient(160deg,rgba(10,34,75,.70),rgba(3,12,28,.66));box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.lock{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:rgba(8,68,153,.28);border:1px solid rgba(34,135,255,.58);box-shadow:0 0 34px rgba(34,135,255,.16)}.lock svg{width:37px;height:37px;fill:#bcdcff}.auth-label{margin-top:20px;text-transform:uppercase;letter-spacing:.20em;font-size:13px;font-weight:850;color:#40b9ff}.auth-card h2{margin:13px 0 18px;font-size:42px;line-height:1;letter-spacing:-.045em}.auth-text{margin:0;color:rgba(255,255,255,.86);font-size:21px;line-height:1.48}.auth-text strong{font-weight:500}.safe{margin-top:22px;padding-top:18px;width:100%;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.70);font-size:16px}.safe svg{width:20px;height:20px;fill:#d4e4f5}.login-main{margin-top:36px;width:100%;height:64px;border-radius:16px;background:linear-gradient(90deg,#1891ff,#0b56d7);display:flex;align-items:center;justify-content:center;gap:54px;color:white;text-decoration:none;font-size:20px;font-weight:850;box-shadow:0 22px 50px rgba(0,96,255,.35);transition:.2s}.login-main span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:white;color:#0b5ed7}.auth-note{margin-top:24px;width:100%;border-radius:14px;padding:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.72);font-size:16px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:center;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.features article{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:18px;padding:0 8px;border-right:1px solid rgba(255,255,255,.10)}.features article:last-child{border-right:0}.feature-icon{width:64px;height:64px;border-radius:21px;display:grid;place-items:center;border:1px solid rgba(34,135,255,.34);background:rgba(8,38,86,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.feature-icon svg{width:35px;height:35px;fill:#2aa6ff}.features h3{margin:0 0 9px;font-size:21px;font-weight:650}.features p{margin:0;color:rgba(255,255,255,.66);font-size:15.8px;line-height:1.45}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding-bottom:10px}.footer-title strong{display:block;font-size:23px;margin-bottom:8px}.footer-title span{color:rgba(255,255,255,.68);font-size:17px}.footer a{color:#20aaff;text-decoration:none}.email{justify-self:center;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.74)!important;font-size:18px}.email svg{width:25px;height:25px;fill:#cfe0ef}.hosting-box{justify-self:end;display:flex;align-items:center;justify-content:center;border-radius:18px;padding:10px 12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}.hosting-box img{width:250px;max-height:60px;object-fit:contain;border-radius:12px}@media(max-width:1200px){body{overflow:auto}.page{height:auto;min-height:100vh;width:min(100% - 28px,1480px);grid-template-rows:auto auto auto auto}.header{grid-template-columns:1fr auto;padding:18px 0}.nav{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:34px 0}.cloud-art{display:none}.auth-card{min-height:auto}.features{grid-template-columns:1fr 1fr;padding:26px 0}.features article{border-right:0}.footer{grid-template-columns:1fr;gap:18px;text-align:center;padding:24px 0}.email,.hosting-box{justify-self:center}}@media(max-width:620px){.header-login{display:none}.brand-text{display:none}.logo-frame{width:150px}.features{grid-template-columns:1fr}.hero-actions{display:grid}.btn{width:100%}h1{font-size:52px}.lead{font-size:19px}.auth-card{padding:28px 22px}.login-main{gap:24px;font-size:17px}.hosting-box img{max-width:75vw}}

/* Corecții finale: fără autentificare în header și fără buton dublat în hero */
.header{
  grid-template-columns: 430px 1fr 240px;
}
.header::after{
  content:"";
}
.hero-actions{
  gap:0;
}
.hero-actions .secondary{
  min-width:220px;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
}
@media(max-width:1200px){
  .header{grid-template-columns:1fr;}
}