:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--secondary: #ec4899;--secondary-light: #f472b6;--accent: #8b5cf6;--accent-light: #a78bfa;--bg-dark: #0f172a;--bg-darker: #020617;--bg-darkest: #000000;--text-light: #f1f5f9;--text-gray: #94a3b8;--card-bg: rgba(30, 41, 59, .6);--border-color: rgba(148, 163, 184, .15);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text-light);background-color:var(--bg-darker);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#1e293b 0%,var(--bg-darker) 50%,var(--bg-darkest) 100%);background-attachment:fixed;overflow-x:hidden;position:relative}#root{min-height:100vh;display:flex;flex-direction:column}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(99,102,241,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(236,72,153,.3),transparent),radial-gradient(1px 1px at 50% 50%,rgba(139,92,246,.3),transparent),radial-gradient(1px 1px at 80% 10%,rgba(99,102,241,.3),transparent),radial-gradient(2px 2px at 90% 60%,rgba(236,72,153,.2),transparent),radial-gradient(1px 1px at 33% 50%,rgba(139,92,246,.3),transparent),radial-gradient(1px 1px at 70% 30%,rgba(99,102,241,.2),transparent);background-size:200% 200%;background-position:0% 0%;animation:particleFloat 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes particleFloat{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-darker);border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--secondary));border-radius:10px;border:2px solid var(--bg-darker)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-light),var(--secondary-light))}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-light);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2.25rem)}p{color:var(--text-gray);line-height:1.8}a{color:var(--primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--secondary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}.gradient-text{background:linear-gradient(135deg,var(--primary-light) 0%,var(--secondary) 50%,var(--accent-light) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glass{background:var(--card-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff0d;transition:all .3s ease}.glass:hover{border-color:#6366f14d;box-shadow:0 8px 32px #6366f133,inset 0 1px #ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-25px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f166,0 0 40px #6366f133}50%{box-shadow:0 0 40px #6366f199,0 0 80px #6366f14d}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .8s ease-out forwards}.float{animation:float 4s ease-in-out infinite}.glow{animation:glow 3s ease-in-out infinite}.container{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:6rem 0;position:relative;z-index:1}section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent)}@media(max-width:768px){section{padding:4rem 0}.container{padding:0 1rem}}::selection{background:var(--primary);color:#fff}::-moz-selection{background:var(--primary);color:#fff}