*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #0066ff;--secondary-color: #00d4ff;--dark-bg: #0a0e27;--darker-bg: #050814;--text-primary: #ffffff;--text-secondary: #a0aec0;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #0066ff 0%, #00d4ff 100%);--card-bg: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--darker-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;font-size:16px}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-title{font-size:42px;font-weight:700;text-align:center;margin-bottom:60px;background:var(--gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block}.btn-primary{background:var(--gradient-2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0066ff4d}.btn-secondary{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 20px 40px #06f3}@media (max-width: 768px){.section{padding:60px 0}.section-title{font-size:32px;margin-bottom:40px}.container{padding:0 16px}}@media (max-width: 480px){.section-title{font-size:27px}.nav-container{padding:0 10px}}