body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;color:#e2e8f0}*{box-sizing:border-box}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}.gradient-text{background:linear-gradient(45deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spinner{border:3px solid #1e293b;border-top:3px solid #8b5cf6;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.btn-primary{background:linear-gradient(45deg,#8b5cf6,#ec4899);transition:all .3s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #8b5cf64d}.btn-primary:active{transform:translateY(0)}.custom-textarea{background:#1e293b;border:1px solid #334155;color:#e2e8f0;transition:border-color .3s ease}.custom-textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.result-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #475569}.keyword-tag{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#c4b5fd}