:root{--glass-bg:#141418bf;--glass-bg-hover:#28282ed9;--glass-bg-active:#3c3c44f2;--glass-border:#ffffff1f;--glass-blur-sm:20px;--glass-blur-md:30px;--glass-blur-lg:40px;--glass-shadow:0 8px 32px 0 #00000080;--glass-shadow-sm:0 2px 8px 0 #0000004d;--glass-shadow-hover:0 12px 40px 0 #0009;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-tertiary:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-glass:linear-gradient(135deg,#ffffff26,#ffffff0d);--text-primary:#fffffff2;--text-secondary:#fff9;--text-muted:#fff6;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f0f12,#1a1a24 50%,#0f0f12);background-attachment:fixed;color:#fffffff2;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}.glass{backdrop-filter:blur(30px);backdrop-filter:blur(var(--glass-blur-md));-webkit-backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(var(--glass-blur-md));background:#141418bf;background:var(--glass-bg);border:1px solid #ffffff1f;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px 0 #00000080;box-shadow:var(--glass-shadow);transition:all .3s ease-in-out;transition:all var(--transition-normal)}.glass:hover{background:#28282ed9;background:var(--glass-bg-hover);box-shadow:0 12px 40px 0 #0009;box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.glass-dark{backdrop-filter:blur(30px);backdrop-filter:blur(var(--glass-blur-md));-webkit-backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(var(--glass-blur-md));background:#141418bf;background:var(--glass-bg)}.glass-card,.glass-dark{border:1px solid #ffffff1f;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px 0 #00000080;box-shadow:var(--glass-shadow);transition:all .3s ease-in-out;transition:all var(--transition-normal)}.glass-card{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#1e1e24b3;overflow:hidden}.glass-card:hover{background:#2c2c34cc;box-shadow:0 12px 40px 0 #0009;box-shadow:var(--glass-shadow-hover);transform:translateY(-4px) scale(1.01)}.glass-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-weight:600;letter-spacing:.3px;text-transform:none;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.glass-button:hover{background:linear-gradient(135deg,#7c8cf0,#8b5bb5);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.glass-button:active{box-shadow:0 2px 10px #667eea4d;transform:translateY(0)}.glass-button:disabled{background:#50505a66;box-shadow:none;cursor:not-allowed}.glass-input{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e24b3!important;border:1px solid #ffffff1f!important;border:1px solid var(--glass-border)!important;border-radius:14px!important;box-shadow:0 2px 8px 0 #0000004d!important;box-shadow:var(--glass-shadow-sm)!important;color:#fffffff2!important;color:var(--text-primary)!important;transition:all .3s ease-in-out!important;transition:all var(--transition-normal)!important}.glass-input:hover{background:#2c2c34bf!important;border-color:#fff3!important}.glass-input:focus{background:#32323ce6!important;border-color:#667eea!important;box-shadow:0 4px 12px #667eea40!important}.glass-select{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e24b3!important;border:1px solid #ffffff1f!important;border:1px solid var(--glass-border)!important;border-radius:14px!important;box-shadow:0 2px 8px 0 #0000004d!important;box-shadow:var(--glass-shadow-sm)!important;color:#fffffff2!important;color:var(--text-primary)!important;transition:all .3s ease-in-out!important;transition:all var(--transition-normal)!important}.glass-select:hover{background:#2c2c34bf!important}.glass-alert{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#282830cc!important;border:1px solid #ffffff1f!important;border:1px solid var(--glass-border)!important;border-radius:16px!important;box-shadow:0 2px 8px 0 #0000004d!important;box-shadow:var(--glass-shadow-sm)!important;color:#fffffff2!important;color:var(--text-primary)!important;transition:all .3s ease-in-out;transition:all var(--transition-normal)}.glass-alert:hover{box-shadow:0 12px 40px 0 #0009!important;box-shadow:var(--glass-shadow-hover)!important}.glass-navbar{background:#141418d9!important;border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px #0000004d}.glass-bottomnav,.glass-navbar{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.glass-bottomnav{background:#141418e6!important;border-top:1px solid #ffffff1f;border-top:1px solid var(--glass-border);box-shadow:0 -4px 20px #0000004d}.glass-bottomnav,.glass-chip{transition:all .3s ease-in-out;transition:all var(--transition-normal)}.glass-chip{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#282830b3!important;border:1px solid #ffffff1f!important;border:1px solid var(--glass-border)!important;border-radius:20px!important;box-shadow:0 2px 8px 0 #0000004d;box-shadow:var(--glass-shadow-sm);color:#fffffff2!important;color:var(--text-primary)!important}.glass-chip:hover{background:#3c3c48cc!important;transform:translateY(-1px)}.glass-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e2480;border-radius:24px;box-shadow:0 8px 32px 0 #00000080;box-shadow:var(--glass-shadow);padding:24px}h1,h2,h3,h4,h5,h6{color:#fffffff2;color:var(--text-primary);font-weight:700;letter-spacing:-.02em}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}*{scroll-behavior:smooth}code{background:#3c3c4880;border-radius:6px;color:#fffffff2;color:var(--text-primary);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}@media (max-width:768px){.glass-card{border-radius:16px}.glass-button{border-radius:10px}.glass-input{border-radius:12px!important}}@media (prefers-color-scheme:dark){:root{--glass-bg:#141418bf;--glass-bg-hover:#28282ed9;--glass-bg-active:#3c3c44f2;--glass-border:#ffffff1f;--glass-shadow:0 8px 32px 0 #00000080;--glass-shadow-sm:0 2px 8px 0 #0000004d;--glass-shadow-hover:0 12px 40px 0 #0009;--text-primary:#fffffff2;--text-secondary:#fff9;--text-muted:#fff6}body{background:linear-gradient(135deg,#0f0f12,#1a1a24 50%,#0f0f12)}}