:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-dark: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .1);--glass-blur: blur(8px);--transition-fast: all .15s ease-in-out;--transition-normal: all .3s ease-in-out;--transition-slow: all .5s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--gray-800);background:linear-gradient(135deg,#0f0d2e,#1a1650,#0f1e54);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-gradient{background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg)}.btn-modern{background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;font-weight:600;padding:.75rem 2rem;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-md)}.btn-modern:hover{box-shadow:var(--shadow-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.btn{padding:.875rem 2rem;border-radius:50px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:var(--transition-normal);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover{box-shadow:var(--shadow-xl)}.btn:hover:before{left:100%}.btn:active{box-shadow:var(--shadow-md)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:disabled:before{display:none}.btn:disabled:hover{box-shadow:var(--shadow-md)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:linear-gradient(135deg,#00d0dc,#1c79cb);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.85}.btn-secondary:hover{opacity:1;border-color:#ffffff80}.btn-danger{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.page{max-width:1200px;margin:0 auto;width:100%;padding:2rem 5rem}.page-header{margin-bottom:3rem}.page-header h1{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#e0e7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(255,255,255,.3)}.page-header p{color:#fffc;margin:0;font-size:1.1rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.page-content{display:flex;flex-direction:column;gap:2.5rem}.page-section{background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:2.5rem;transition:var(--transition-normal);position:relative;overflow:hidden;margin-bottom:3rem}.page-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.page-section h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 5px rgba(0,0,0,.3)}@media (max-width: 768px){.page{margin:0;padding:0 1rem}.page-section{padding:1rem}.page-header h1{font-size:1.5rem}}