/* Critical CSS - Inline in for First Paint */ *{margin:0;padding:0;box-sizing:border-box} :root{--primary:#8b5cf6;--bg-dark:#0f172a;--bg-card:rgba(30,41,59,.5);--text-primary:#f8fafc} body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);color:var(--text-primary);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} [v-cloak]{display:none!important} .glass{background:rgba(30,41,59,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);contain:layout style paint} .glass-strong{background:rgba(30,41,59,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);contain:layout style paint} .gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;transition:all .3s ease;border:none;cursor:pointer;will-change:transform;transform:translateZ(0)} .animate-fadeIn{animation:fadeIn .6s ease-out;will-change:transform,opacity} @keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} .modal-backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(8px)} img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges} canvas{will-change:contents;contain:layout style paint}