html,body{background-color:#0f172a;color:#f8fafc;font-family:Inter,sans-serif;margin:0;padding:0;height:100%;width:100%;overflow:hidden}#root{height:100%;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px;border:2px solid #0f172a}::-webkit-scrollbar-thumb:hover{background:#475569}.glass-panel{background:#1e293b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.glass-card{background:linear-gradient(180deg,#1e293bb3,#0f172a66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.fade-in{animation:fadeIn .5s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.typing-effect{display:inline-block}