@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .4);--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .5);--secondary: #ec4899;--accent: #06b6d4;--text-main: #f8fafc;--text-secondary: #94a3b8;--success: #10b981;--success-bg: rgba(16, 185, 129, .1);--glass-border: rgba(255, 255, 255, .1)}body{margin:0;font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;min-height:100vh;background:radial-gradient(circle at top left,#1e1b4b,#0f172a)}.blob{position:absolute;filter:blur(80px);z-index:-1;opacity:.6;animation:float 10s infinite ease-in-out}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:var(--primary);animation-delay:0s}.blob-2{bottom:-10%;right:-10%;width:50vw;height:50vw;background:var(--secondary);animation-delay:-5s}.blob-3{top:40%;left:40%;width:30vw;height:30vw;background:var(--accent);animation-delay:-2s;opacity:.4}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.stock-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%;max-width:1200px;margin:0 auto;padding:20px;box-sizing:border-box}.stock-card{position:relative;overflow:hidden;border-radius:16px;padding:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(145deg,#1e293b66,#0f172a99);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;color:#fff}.card-icon-bg{position:absolute;top:0;right:0;padding:12px;opacity:.1;color:var(--text-main);transition:opacity .3s ease}.stock-card:hover .card-icon-bg{opacity:.15}.card-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.symbol-row{display:flex;align-items:center;gap:8px}.stock-symbol{font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0;color:#fff}.stock-sector{font-size:.75rem;font-weight:500;padding:4px 8px;border-radius:9999px;background:#6366f133;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}.stock-name{font-size:.875rem;color:var(--text-secondary);font-weight:500;margin:4px 0 0}.stock-metrics{text-align:right}.stock-price{font-size:1.25rem;font-weight:700;color:#34d399;margin:0}.stock-change{font-size:.75rem;font-weight:600;color:#10b981;background:var(--success-bg);padding:2px 8px;border-radius:4px;display:inline-block;margin-top:4px}.card-body{position:relative;z-index:2;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}.stock-reason{font-size:.875rem;color:#cbd5e1;line-height:1.6;margin:0}.card-glow{position:absolute;inset:0;border-radius:16px;transition:background .3s;pointer-events:none}.stock-card:hover .card-glow{background:#ffffff08}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.loader-circle-wrapper{position:relative;width:96px;height:96px}.loader-circle{display:block;width:96px;height:96px;border:4px solid transparent;border-radius:50%;position:absolute;top:0;left:0;box-sizing:border-box}.circle-1{border-top-color:var(--primary)}.circle-2{border-bottom-color:transparent;border-left-color:transparent;border:4px solid transparent;border-top-color:var(--secondary)}.loader-text{margin-top:24px;color:#a5b4fc;font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:.875rem}.app-container{position:relative;min-height:100vh;padding-bottom:40px}.hero-section{text-align:center;padding:80px 20px 40px}.hero-title{font-size:3.5rem;font-weight:800;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0 0 16px}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 40px}.input-section{max-width:500px;margin:0 auto 60px;display:flex;gap:12px;background:#0f172a99;padding:8px;border-radius:12px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-input{flex:1;background:transparent;border:none;font-family:inherit;color:#fff;padding:12px 16px;font-size:1rem;outline:none}.api-input::placeholder{color:#64748b}.generate-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.generate-btn:hover{opacity:.9}.generate-btn:active{transform:scale(.98)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}