.typing-text{font-size:56px;font-weight:800;color:#fff;letter-spacing:1px}.cursor{margin-left:4px;animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.hero{background:#000;border-radius:30px;text-align:center;color:#fff}.hero h1{font-size:58px;font-weight:bolder;margin-bottom:16px}.hero h2{font-size:42px;font-weight:800;margin-bottom:16px}.hero p{font-size:18px;color:#dde0ea;line-height:1.6}.how-it-works{padding:80px 20px;background:#000;text-align:center}.how-it-works h2{font-size:32px;color:#fff;font-weight:700;margin-bottom:10px}.subtitle{color:gray;margin-bottom:40px}.steps{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;transition:1s all ease-in-out}.step{background:#fff;padding:30px;border-radius:14px;box-shadow:#0006 0 30px 90px;transition:.6s all ease}.step:hover{transform:translatey(-10px);box-shadow:0 20px 50px #ae41411a}.step span{font-size:40px}.step h3{margin-top:15px;font-size:20px}.step p{font-size:14px;color:#475569;margin-top:8px}.form-section{max-width:500px;margin:80px auto;background:#171717;padding:35px;border-radius:16px;box-shadow:0 12px 35px #0000001a}.upload-btn{display:block;background:#fff;border:2px solid white;color:#000;padding:14px;border-radius:10px;text-align:center;font-weight:600;cursor:pointer;margin-bottom:20px}textarea{width:100%;height:150px;font-size:14px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont;padding:12px;border-radius:10px;border:2px solid gray;margin-bottom:25px;resize:none}button{background:#e5e5e5;width:100%;color:#171717;font-size:14px;padding:12px 24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont;border:none;border-radius:10px;font-weight:900;cursor:pointer}.file-name{margin:8px 0 16px;font-size:13px;color:gray;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{background:#000;color:#e5e7eb;padding:28px 20px;margin-top:80px}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer p{margin:0;font-size:14px;color:#d1d5db}.footer-links{margin-top:3px;margin-bottom:10px;display:flex;justify-content:center;gap:12px;font-size:14px}.footer-links a{color:#fff;text-decoration:none;transition:opacity .2s ease}.footer-links a:hover{opacity:.7}.footer-links span{color:#6b7280}.footer-made{margin-top:10px;font-size:14px;color:#9ca3af}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}*{box-sizing:border-box}:root{--bg-black: #000000;--bg-dark: #0b0b0b;--bg-card: #111111;--bg-light: #ffffff;--text-white: #ffffff;--text-muted: #a1a1aa;--text-dark: #0f172a;--border-soft: rgba(255, 255, 255, .08);--shadow-card: 0 20px 50px rgba(0, 0, 0, .6);--accent: #ffffff}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont;background:#000;color:#0f172a}#root{min-height:100vh;display:flex;flex-direction:column}.main-layout{flex:1;max-width:1600px;margin:0 auto;padding:30px 40px;display:grid;grid-template-columns:1.6fr 1.9fr;gap:50px;align-items:stretch;min-height:0}.result{background:#fff;padding:30px;border-radius:18px;box-shadow:0 20px 50px #0000001a;display:flex;flex-direction:column;min-height:0}.result-header{flex-shrink:0}.result-body{flex:1;overflow-y:auto;margin-top:20px;padding-right:10px;min-height:0}.result-body::-webkit-scrollbar{width:6px}.result-body::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.progress-bar{width:100%;height:14px;background:#e5e7eb;border-radius:10px;margin:12px 0 20px;overflow:hidden}.result ul{padding-left:18px}.result li{margin-bottom:6px}.result h3{margin-top:20px}@media(max-width:900px){.main-layout{grid-template-columns:1fr;padding:20px}}.result{background:#fff;padding:30px;border-radius:18px;box-shadow:0 20px 50px #0000001a;display:flex;flex-direction:column}.result-header{margin-bottom:20px}.result-header h2{margin-bottom:8px}.score{font-size:36px;font-weight:700;color:#16a34a}.progress-bar{width:100%;height:14px;background:#e5e7eb;border-radius:10px;margin-top:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a)}.result-body{margin-top:20px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.missing-box{display:flex;flex-wrap:wrap;gap:10px;max-height:160px;overflow-y:auto;padding:14px;border:1.5px solid #e5e7eb;border-radius:12px;background:#f9fafb}.keyword-chip{background:#eef2ff;color:#1e40af;padding:6px 14px;border-radius:999px;font-size:14px;font-weight:500;white-space:nowrap}.empty-text{font-size:14px;color:#64748b}.missing-box::-webkit-scrollbar{width:6px}.missing-box::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:10px}.suggestions ul{padding-left:18px}.suggestions li{margin-bottom:8px;font-size:15px}@media(max-width:900px){.result-grid{grid-template-columns:1fr}}.missing-box{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.keyword-chip{background:#eef2ff;color:#1e40af;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500}.suggestion-list{list-style:none;padding-left:0}.suggestion-list li{padding-left:20px;position:relative;margin-bottom:10px}.suggestion-list li:before{position:absolute;left:0;color:#22c55e}.empty-text{color:#64748b;font-size:14px;margin-top:8px}