*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #22c55e;--primary-dark: #16a34a;--primary-light: #dcfce7;--bg: #ffffff;--bg-secondary: #f8fafc;--text: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--red: #ef4444;--red-light: #fee2e2}[data-theme=dark]{--bg: #0f172a;--bg-secondary: #1e293b;--text: #f1f5f9;--text-secondary: #94a3b8;--border: #334155;--primary-light: #14532d;--red-light: #450a0a}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .3s,color .3s}.container{max-width:480px;margin:0 auto;padding:0 20px}header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.logo-icon{width:36px;height:36px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center}.logo-icon svg{width:20px;height:20px;color:#fff}.theme-toggle{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-secondary)}.theme-toggle:hover{background:var(--bg-secondary)}.theme-toggle svg{width:20px;height:20px}.hero{text-align:center;padding:48px 0 32px}.badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-light);color:var(--primary-dark);padding:8px 16px;border-radius:100px;font-size:13px;font-weight:600;margin-bottom:24px}.badge svg{width:16px;height:16px}.hero h1{font-size:36px;font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-.02em}.hero p{color:var(--text-secondary);font-size:16px;line-height:1.6;max-width:320px;margin:0 auto 32px}.cta-button{display:inline-flex;align-items:center;gap:8px;background:var(--text);color:var(--bg);padding:16px 32px;border-radius:100px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.cta-button svg{width:20px;height:20px;transition:transform .2s}.cta-button:hover svg{transform:translate(4px)}.features{display:grid;gap:16px;padding:32px 0}.feature-card{background:var(--bg-secondary);border-radius:16px;padding:24px;text-align:center}.feature-icon{width:48px;height:48px;background:var(--primary-light);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.feature-icon svg{width:24px;height:24px;color:var(--primary)}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.stock-section{padding:24px 0;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.stock-card{background:var(--bg-secondary);border-radius:20px;padding:24px;border:1px solid var(--border)}.stock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:12px}.stock-info h2{font-size:28px;font-weight:800;margin-bottom:4px;word-break:break-word}.stock-info .company-name{color:var(--text-secondary);font-size:14px}.stock-change{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.stock-price{font-size:24px;font-weight:700;white-space:nowrap}.stock-price.unavailable{font-size:14px;color:var(--text-secondary);font-weight:500}.change-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:13px;font-weight:600;margin-top:4px}.change-badge.positive{background:var(--primary-light);color:var(--primary-dark)}.change-badge.negative{background:var(--red-light);color:var(--red)}.change-badge svg{width:12px;height:12px}.stock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.metric{background:var(--bg);padding:14px;border-radius:12px;text-align:center}.metric-value{font-size:16px;font-weight:700;margin-bottom:2px}.metric-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em}.stock-rationale{background:var(--bg);padding:16px;border-radius:12px;border-left:3px solid var(--primary)}.rationale-label{font-size:12px;font-weight:600;color:var(--primary);margin-bottom:8px;display:flex;align-items:center;gap:6px}.rationale-label svg{width:14px;height:14px}.stock-rationale p{font-size:14px;line-height:1.6;color:var(--text-secondary)}.disclaimer{margin-top:16px;padding:12px;background:var(--bg);border-radius:10px;font-size:11px;color:var(--text-secondary);text-align:center}.back-button{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:color .2s}.back-button:hover{color:var(--text)}.back-button svg{width:18px;height:18px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading p{margin-top:16px;color:var(--text-secondary);font-size:14px}.error{background:var(--red-light);color:var(--red);padding:16px;border-radius:12px;font-size:14px;text-align:center;margin:16px 0}footer{text-align:center;padding:32px 0;color:var(--text-secondary);font-size:12px}