:root{--ts-bg: #0b0f19;--ts-card: #131825;--ts-border: #1e2536;--ts-accent: #3b82f6;--ts-success: #10b981;--ts-text: #e2e8f0;--ts-muted: #94a3b8;--ts-panel: #0f172a}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-height:100vh;font-family:Inter,Segoe UI,sans-serif;background:var(--ts-bg);color:var(--ts-text)}body{background:linear-gradient(180deg,#0b0f19,#101828)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{min-height:100vh;background:var(--ts-bg)}.card-surface{background:#131825e6;border:1px solid rgba(30,37,54,1);border-radius:18px}.surface-button{border:1px solid rgba(30,37,54,1);background:#0f172ae6;color:var(--ts-text);transition:all .2s ease}.surface-button:hover{border-color:#3b82f680;transform:translateY(-1px)}.hover-lift{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 15px 25px #00000038}.app-shell{position:relative}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 30%);pointer-events:none}@media (max-width: 640px){.app-shell>div{padding-top:1.25rem}}.marquee-container{overflow:hidden;white-space:nowrap}.marquee-content{display:inline-block;padding-left:100%;animation:marquee 18s linear infinite}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#1e2536;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#3b82f6}
