*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6366f1;--accent:#22d3ee;--bg:#0f0f23;--text:#fff;--glass:hsla(0,0%,100%,.05);--glass-border:hsla(0,0%,100%,.1)}body,html{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass);border:1px solid var(--glass-border);border-radius:16px}@supports (-webkit-touch-callout:none){.glass{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0f0f23d9}}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 10px 40px #6366f14d;transform:translateY(-2px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(20px)}