@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-title: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.175, .885, .32, 1.275)}:root[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #4f46e5;--accent-secondary: #06b6d4;--accent-tertiary: #d946ef;--accent-glow: rgba(79, 70, 229, .15);--border-color: rgba(226, 232, 240, .8);--border-glass: rgba(255, 255, 255, .6);--glass-bg: rgba(255, 255, 255, .7);--glass-blur: blur(16px);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .05);--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .04);--gradient-text: linear-gradient(135deg, #3b82f6 0%, #4f46e5 50%, #d946ef 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(248, 250, 252, .8) 100%)}:root,:root[data-theme=dark]{--bg-primary: #030712;--bg-secondary: #0b0f19;--bg-tertiary: #111827;--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #6366f1;--accent-secondary: #06b6d4;--accent-tertiary: #d946ef;--accent-glow: rgba(99, 102, 241, .25);--border-color: rgba(31, 41, 55, .6);--border-glass: rgba(255, 255, 255, .05);--glass-bg: rgba(11, 15, 25, .65);--glass-blur: blur(20px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--card-shadow: 0 20px 40px -15px rgba(0, 0, 0, .5);--gradient-text: linear-gradient(135deg, #06b6d4 0%, #6366f1 50%, #d946ef 100%);--gradient-card: linear-gradient(135deg, rgba(11, 15, 25, .85) 0%, rgba(17, 24, 39, .85) 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .5s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;letter-spacing:-.02em;line-height:1.2}a{color:inherit;text-decoration:none;transition:var(--transition-smooth)}button,input,textarea,select{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}@media (max-width: 768px){.section-padding{padding:60px 0}}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);box-shadow:var(--glass-shadow);border-radius:16px}.glass-card{background:var(--gradient-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);box-shadow:var(--card-shadow);border-radius:16px;transition:var(--transition-bounce)}.glass-card:hover{transform:translateY(-6px);border-color:#6366f14d;box-shadow:0 15px 30px -5px var(--accent-glow)}.text-gradient{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:30px;font-weight:600;cursor:pointer;gap:8px;transition:var(--transition-bounce)}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,#4f46e5 100%);color:#fff!important;box-shadow:0 4px 15px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f199}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{transform:translateY(-2px);background:var(--border-color)}.btn-accent{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);color:#fff!important;box-shadow:0 4px 15px #06b6d466}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #06b6d499}.tag{display:inline-flex;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:#6366f11a;color:var(--accent-primary);border:1px solid rgba(99,102,241,.2)}.input-field{width:100%;padding:14px 20px;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-smooth)}.input-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.glow-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--accent-primary) 0%,transparent 70%);opacity:.15;filter:blur(80px);pointer-events:none;z-index:0;animation:float 20s infinite alternate}.glow-orb-secondary{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--accent-secondary) 0%,transparent 70%);opacity:.12;filter:blur(90px);pointer-events:none;z-index:0;animation:float-reverse 25s infinite alternate}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(80px,50px) scale(1.2)}}@keyframes float-reverse{0%{transform:translate(0) scale(1.2)}to{transform:translate(-80px,-50px) scale(.9)}}.blog-content{color:var(--text-secondary)}.blog-content h2{margin:32px 0 16px;color:var(--text-primary);font-size:24px}.blog-content h3{margin:24px 0 12px;color:var(--text-primary);font-size:20px}.blog-content p{margin-bottom:20px;font-size:16px;line-height:1.7}.blog-content ul,.blog-content ol{margin-left:24px;margin-bottom:24px}.blog-content li{margin-bottom:8px}.callout-tip{padding:16px 20px;border-radius:12px;background:#14b8a614;border-left:4px solid #14b8a6;margin:24px 0}.callout-warning{padding:16px 20px;border-radius:12px;background:#f59e0b14;border-left:4px solid #f59e0b;margin:24px 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030712cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{position:relative;width:90%;max-width:500px;padding:40px;border-radius:24px;border:1px solid var(--border-glass);box-shadow:0 25px 50px -12px #00000080;animation:scaleUp .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}