:root{--background-primary: #0A1628;--background-secondary: #12243D;--background-tertiary: rgba(18, 36, 61, .6);--border-default: rgba(255, 255, 255, .08);--text-primary: #E0E6EB;--text-secondary: #9CA3AF;--accent-primary: #00D4AA;--accent-primary-hover: #00B28C;--accent-gold: #FFD700;--success: #34D399;--warning: #FBBF24;--error: #EF4444;--font-heading: "Josefin Sans", sans-serif;--font-body: "Roboto", sans-serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--section-gap-lg: 96px;--section-gap-md: 64px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--background-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--accent-primary);color:var(--background-primary)}img{max-width:100%;height:auto;display:block}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:500;text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);line-height:1.15}h1{font-size:3.2rem}h2{font-size:2.4rem;font-weight:400;letter-spacing:.03em}h3{font-size:1.4rem;font-weight:400;text-transform:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.text-accent-gold{color:var(--accent-gold)}.text-accent-primary{color:var(--accent-primary)}.text-center{text-align:center}.text-left{text-align:left}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.5rem;border-radius:var(--border-radius-md);background-color:var(--accent-primary);color:var(--background-primary);font-family:var(--font-body);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;border:none;cursor:pointer;white-space:nowrap}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 4px 10px #00d4aa66;text-decoration:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);background-color:transparent;border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer;white-space:nowrap}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px);text-decoration:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:var(--border-radius-md);background-color:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;cursor:pointer}.btn-ghost:hover{color:var(--accent-primary);background-color:#00d4aa1a;text-decoration:none}.card{background-color:var(--background-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-default);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-interactive{background-color:var(--background-tertiary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);border:1px solid var(--border-default);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease-in-out}.card-interactive:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 20px #00d4aa33}@keyframes float-1{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-15px)}}@keyframes float-2{0%,to{transform:rotate(8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-20px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateGradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.section-padding{padding:var(--section-gap-lg) 0}@media(max-width:768px){.section-padding{padding:var(--section-gap-md) 0}h1{font-size:2.2rem}h2{font-size:1.8rem}h3{font-size:1.2rem}}