.hero{padding:160px 0 80px;position:relative;overflow:hidden;min-height:80vh;display:flex;align-items:center}.hero-background{z-index:-1}.hero-background,.hero-background:after{position:absolute;top:0;left:0;width:100%;height:100%}.hero-background:after{content:"";background:linear-gradient(135deg,rgba(13,74,163,.9),rgba(21,92,204,.8) 50%,rgba(234,242,255,.3))}.hero-bg-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:opacity .3s ease}.hero-bg-image.loaded{opacity:1}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.hero__content-left{max-width:520px}.hero__overline{font-size:14px;font-weight:600;color:var(--brand-50);text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.hero h1{margin-bottom:24px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero__subtitle{font-size:18px;line-height:28px;color:hsla(0,0%,100%,.9);margin-bottom:40px}.bullets{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:0}.bullet{display:flex;align-items:center;gap:12px;font-size:14px;color:hsla(0,0%,100%,.9)}.bullet .ri{color:var(--brand-50);font-size:20px}.hero__content-right{display:flex;flex-direction:column;align-items:flex-end}.login-form{background:hsla(0,0%,100%,.95);padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-2);max-width:440px;width:100%;backdrop-filter:blur(10px);margin-bottom:24px}.form__row{margin-bottom:20px}.input-group{position:relative}.input{width:100%;height:56px;padding:0 16px 0 44px;border:1px solid var(--line-200);border-radius:var(--radius-md);font-family:Inter,sans-serif;font-size:16px;transition:all .2s ease;background:#fff}.input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(13,74,163,.1)}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-600)}.form-actions{display:flex;flex-direction:column;gap:16px}.form-links{display:flex;justify-content:space-between;font-size:14px}.form-links a{color:var(--brand-600);text-decoration:none;font-weight:500}.trust-badges{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.chip{padding:8px 16px;background:hsla(0,0%,100%,.2);border-radius:999px;font-size:12px;color:#fff;display:flex;align-items:center;gap:6px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}@media (max-width:991px){.hero{padding:140px 0 60px;min-height:auto}.hero-grid{grid-template-columns:1fr;gap:48px;text-align:center}.hero__content-left,.hero__content-right{max-width:none;align-items:center}.bullets{grid-template-columns:1fr;gap:12px}.login-form{margin:0 auto 24px}.trust-badges{justify-content:center}}@media (max-width:767px){.hero{padding:120px 0 40px}.hero h1{font-size:32px;line-height:40px}.hero__subtitle{font-size:16px;line-height:24px}.login-form{padding:24px}.form-links{gap:12px}.form-links,.trust-badges{flex-direction:column;align-items:center}}.ribbon{height:44px;background:var(--brand-600);color:#fff;overflow:hidden}.ribbon,.ribbon-content{display:flex;align-items:center}.ribbon-content{gap:32px;animation:ribbonScroll 15s linear infinite;white-space:nowrap;font-weight:500}.ribbon:hover .ribbon-content{animation-play-state:paused}@keyframes ribbonScroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@media (max-width:767px){.ribbon{height:36px;font-size:14px}.ribbon-content{gap:24px}}.hero-features{padding:60px 0;background:var(--bg-100)}.hero-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;text-align:center}.hero-badge{flex-direction:column;gap:16px;color:var(--text-900)}.hero-badge,.hero-badge .ri{display:flex;align-items:center}.hero-badge .ri{font-size:48px;color:var(--brand-600);background:var(--brand-50);width:80px;height:80px;border-radius:50%;justify-content:center}.hero-badge span{font-size:16px;font-weight:600;line-height:1.4}@media (max-width:991px){.hero-badges{grid-template-columns:1fr;gap:32px}.hero-badge{flex-direction:row;text-align:left;gap:20px}.hero-badge .ri{font-size:32px;width:60px;height:60px;flex-shrink:0}}@media (max-width:767px){.hero-features{padding:40px 0}.hero-badge{flex-direction:column;text-align:center;gap:12px}}