*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);background-attachment:fixed;min-height:100vh;margin:0;padding:0}.glass-card{background:#1e293b99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border:1px solid rgba(255,255,255,.15)}.glass-surface{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px}.gradient-text{background:linear-gradient(135deg,#f8fafc,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating{animation:float 6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.glow-blue{box-shadow:0 0 20px #3b82f680}.glow-green{box-shadow:0 0 20px #10b98180}.glow-purple{box-shadow:0 0 20px #8b5cf680}.glow-orange{box-shadow:0 0 20px #fbbf2480}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-8px) scale(1.02)}.responsive-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr;gap:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b4d;border-radius:4px}::-webkit-scrollbar-thumb{background:#3b82f699;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb:hover{background:#3b82f6cc}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200px 100%;animation:shimmer 1.5s infinite}.glass-button{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-weight:600;padding:12px 24px;transition:all .3s ease;cursor:pointer}.glass-button:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}.status-success{background:#10b981;box-shadow:0 0 10px #10b98180}.status-warning{background:#f59e0b;box-shadow:0 0 10px #f59e0b80}.status-error{background:#ef4444;box-shadow:0 0 10px #ef444480}.status-info{background:#06b6d4;box-shadow:0 0 10px #06b6d480}@media (max-width: 768px){.responsive-title{font-size:1.5rem!important}.responsive-subtitle{font-size:1rem!important}}.dark-overlay{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.frosted-glass{background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05)}.interactive-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.interactive-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px #0006}.interactive-card:active{transform:translateY(-2px) scale(.99)}