:root{--bg-color: #0a0b10;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a0a0b8;--accent-color: #3b82f6;--success: #10b981;--danger: #ef4444;--glass: rgba(20, 21, 28, .8)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 20% 20%,rgba(59,130,246,.05) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(16,185,129,.05) 0%,transparent 40%)}.app-container{max-width:1200px;margin:0 auto;padding:2rem}header{margin-bottom:3rem;text-align:center;animation:fadeInDown .8s ease-out}.title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#fff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.subtitle{color:var(--text-secondary);font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);border-color:#3b82f666;box-shadow:0 10px 30px #0000004d}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stock-symbol{font-weight:700;font-size:1.25rem;color:var(--text-primary)}.stock-name{color:var(--text-secondary);font-size:.9rem}.price-container{margin-top:1rem}.current-price{font-size:1.5rem;font-weight:700}.change-indicator{display:flex;align-items:center;gap:.5rem;font-size:.9rem;margin-top:.25rem}.positive{color:var(--success)}.negative{color:var(--danger)}.relative-performance{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--card-border)}.perf-bar-bg{height:6px;background:#ffffff1a;border-radius:3px;margin:10px 0;overflow:hidden}.perf-bar-fill{height:100%;width:0%;transition:width 1s ease-out}.market-label{font-size:.8rem;color:var(--text-secondary);display:flex;justify-content:space-between}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:1000;transition:opacity .5s}.spinner{width:50px;height:50px;border:3px solid rgba(59,130,246,.1);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app-container{padding:1rem}.title{font-size:2rem}}