/* Critical CSS for above-the-fold content */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}
body{background:radial-gradient(circle at 30% 40%,rgba(255,107,107,.3) 0%,transparent 50%),radial-gradient(circle at 80% 10%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,165,2,.2) 0%,transparent 50%),linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#0f3460 50%,#16213e 75%,#1a1a2e 100%);color:#fff;line-height:1.6;font-size:16px;min-height:100vh;display:flex;flex-direction:column;font-family:'Inter','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;transition:filter .3s ease-out}
nav{position:fixed;top:0;width:100%;z-index:100;background:rgba(26,26,46,.8);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}
.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto}
.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;text-align:center;position:relative;padding:2rem}
.hero-section h1{font-size:3.2rem;font-weight:700;margin-bottom:1.5rem;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff 0%,rgba(186,164,255,.9) 25%,rgba(147,112,219,.8) 50%,rgba(123,104,238,.8) 75%,rgba(255,255,255,.9) 100%);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;animation:subtleGradient 15s ease-in-out infinite;line-height:1.1}
main{margin-top:80px;flex:1}