:root{--primary-dark: #172F4A;--primary-light: #D5F1DD;--accent-blue: #0078D7;--tech-blue: #00A2FF;--text-color: #333;--text-light: #fff;--text-muted: #6c757d;--border-color: #dee2e6;--bg-light: #f0f4f8;--bg-lighter: #e9f0f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #172F4A 0%, #0d4d8c 100%)}body{font-family:Roboto,sans-serif;color:var(--text-color);background-color:#f5f7fa}.hero-content{position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:900;margin-bottom:1.5rem;line-height:1.2;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(to right,#fff,#a8d8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.hero-subtitle{font-size:1.3rem;opacity:.9;margin-bottom:2rem;max-width:700px;line-height:1.6}.hero-badge{display:inline-block;background-color:#00a2ff33;color:#fff;font-size:.9rem;padding:.5rem 1.5rem;border-radius:30px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}