@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;600;700&display=swap";:root{--bg-dark:#0f0d0c;--bg-card:#ffffff0a;--bg-sidebar:#151211;--accent:#d4af37;--accent-hover:#e5c05b;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border:#ffffff1a;--error:#ff4d4d;--success:#2ecc71;--shadow-sm:0 4px 6px #0000004d;--shadow-lg:0 10px 30px #00000080;--glass:blur(12px);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--navbar-height:76px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}@media (width<=640px){:root{--navbar-height:66px;--spacing-lg:1.25rem;--spacing-xl:2rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;width:100%;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-primary);width:100%;min-height:100dvh;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select,textarea{font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600}.glass{background:var(--bg-card);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.animate-fade-in-opacity{animation:.5s forwards fadeInOpacity}button{cursor:pointer;transition:var(--transition);border:none;outline:none;font-family:inherit;position:relative;overflow:hidden}button:hover{filter:brightness(1.1);transform:translateY(-2px)}button:active{transform:scale(.95)translateY(0)}button:after{content:"";opacity:0;transform-origin:50%;background:#ffffff4d;border-radius:100%;width:5px;height:5px;position:absolute;top:50%;left:50%;transform:scale(1)translate(-50%)}button:focus:not(:active):after{animation:.6s ease-out ripple}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(40)}}