:root{--background:#000;--foreground:#fff;--card-bg:#ffffff08;--card-border:#ffffff14;--accent-red:#ff3b30;--accent-green:#30d158;--accent-yellow:#ffd60a;--accent-blue:#0a84ff;--max-width:1200px;--section-gap:clamp(1rem,3vw,2rem);--container-padding:clamp(1rem,3vw,2rem);--panel-padding:clamp(1.2rem,4vw,2.5rem)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.container{width:100%;max-width:var(--max-width);padding:0 var(--container-padding);gap:var(--section-gap);flex-direction:column;margin:0 auto;display:flex}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);padding:var(--panel-padding);border-radius:20px;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-panel:hover{background:#ffffff0d;border-color:#ffffff26}.search-input{border:1px solid var(--card-border);color:#fff;background:#ffffff0d;border-radius:14px;outline:none;width:100%;padding:16px 20px;font-size:1rem;transition:all .2s}.search-input:focus{border-color:var(--accent-red);background:#ffffff14;box-shadow:0 0 0 4px #ff3b301a}.stock-grid{grid-template-columns:repeat(auto-fill,minmax(clamp(120px,20vw,150px),1fr));gap:12px;display:grid}.stock-chip{border:1px solid var(--card-border);cursor:pointer;background:#ffffff08;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:14px;display:flex}.stock-chip .symbol{opacity:.4;letter-spacing:.05em;font-size:.75rem}.stock-chip.active{border-color:var(--accent-red);color:var(--accent-red);background:#ff3b301a}.blog-card{height:100%;padding:var(--panel-padding);cursor:pointer;background:var(--card-bg);border:1px solid var(--card-border);color:inherit;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex}.blog-card:hover{border-color:var(--accent-blue);background:#ffffff0f;transform:translateY(-4px)}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:.6s cubic-bezier(.16,1,.3,1) forwards enter}.loader{border:3px solid #ffffff1a;border-top-color:var(--accent-red);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:600px){h1{font-size:1.8rem!important}h2{font-size:1.4rem!important}h3{font-size:1.2rem!important}}