:root{--neon-green: #3DDC97;--primary-green: #22C55E;--accent-purple: #8B5CF6;--accent-blue: #3B82F6;--accent-cyan: #06B6D4;--bg-primary: #0B0F17;--bg-panel: #121A29;--bg-card: #0E1421;--border-color: #2F3F61;--text-primary: #E6EDF7;--text-muted: #9AA6B2}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.4}.bg-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(61,220,151,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(61,220,151,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 40%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 40%,transparent 70%)}.orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.orb-green{width:600px;height:600px;background:radial-gradient(circle,rgba(61,220,151,.15) 0%,transparent 70%);top:-200px;right:-100px;animation:float 20s ease-in-out infinite}.orb-purple{width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);bottom:-150px;left:-100px;animation:float 25s ease-in-out infinite reverse}.orb-blue{width:400px;height:400px;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 15s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.gradient-text{background:linear-gradient(135deg,#3ddc97,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#3ddc97}.gradient-text-purple{background:linear-gradient(135deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#8b5cf6}.glass-card{background:#0e1421cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(47,63,97,.5);border-radius:20px}.glass-card-premium{background:#0e1421e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(61,220,151,.3);border-radius:24px;box-shadow:0 0 0 1px #3ddc971a,0 20px 60px #0006,0 0 40px #3ddc971a}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#22c55e,#3ddc97);color:#0b0f17;font-weight:600;font-size:15px;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #22c55e4d;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #22c55e66}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:transparent;color:#e6edf7;font-weight:600;font-size:15px;border-radius:12px;border:1px solid #2F3F61;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary:hover{border-color:#3ddc97;color:#3ddc97;background:#3ddc970d}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#3ddc971a;border:1px solid rgba(61,220,151,.2);border-radius:100px;font-size:13px;font-weight:500;color:#3ddc97}.badge-purple{background:#8b5cf61a;border-color:#8b5cf633;color:#8b5cf6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0f17}::-webkit-scrollbar-thumb{background:#2f3f61;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9aa6b2}::selection{background:#3ddc974d;color:#e6edf7}.app-wrapper{position:relative;z-index:1;min-height:100vh}@media (max-width: 860px){.slide-grid{flex-direction:column!important;gap:32px!important}.slide-text{flex:1 1 auto!important;text-align:center!important}.slide-text p{margin-left:auto;margin-right:auto}.slide-text div{justify-content:center}.slide-image{flex:1 1 auto!important;max-width:500px;margin:0 auto}}@media (max-width: 767px){html{scroll-padding-top:80px}img{max-width:100%;height:auto}pre{overflow-x:auto;font-size:13px!important}pre code{font-size:13px!important}}