:root{--bg: #0a0a0b;--bg-elev: #141417;--bg-card: #ffffff;--bg-card-soft: #fafafa;--accent: #FBC011;--accent-hover: #F5A800;--accent-soft: #FFF4D1;--ink: #0a0a0b;--ink-soft: #2c2c30;--on-dark: #f4f4f5;--on-dark-soft: #a1a1aa;--border: #e7e7ea;--border-dark: #27272a;--error-bg: #fef2f2;--error-border: #fca5a5;--error-ink: #991b1b;--success-bg: #f0fdf4;--success-border: #86efac;--success-ink: #14532d;--shadow-card: 0 24px 48px -12px rgba(0,0,0,.18), 0 4px 12px rgba(0,0,0,.04)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,Arial,sans-serif;background:var(--bg);color:var(--on-dark);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{min-height:100vh;height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.hdr{flex-shrink:0;background:#0a0a0bd9;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--border-dark);padding:10px 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.logo{background:var(--accent);color:var(--ink);font-weight:800;font-size:14px;padding:8px 12px;border-radius:10px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}.logo:before{content:"";width:8px;height:8px;background:var(--ink);border-radius:50%;display:inline-block}.title{font-size:16px;font-weight:600;color:var(--on-dark);letter-spacing:-.01em}.title em{color:var(--accent);font-style:normal;font-weight:700}.hero{position:relative;flex-shrink:0;padding:28px 24px 56px;text-align:center;overflow:hidden;background:radial-gradient(circle at 18% 28%,rgba(251,192,17,.16),transparent 42%),radial-gradient(circle at 82% 72%,rgba(251,192,17,.1),transparent 50%),var(--bg)}.hero:before{content:"";position:absolute;inset:-40% -10% auto auto;width:480px;height:480px;border-radius:50%;background:radial-gradient(closest-side,rgba(251,192,17,.18),transparent 70%);pointer-events:none;filter:blur(8px)}.hero:after{content:"";position:absolute;inset:auto auto -45% -10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(251,192,17,.12),transparent 70%);pointer-events:none;filter:blur(10px)}.hero-inner{position:relative;max-width:880px;margin:0 auto;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(251,192,17,.35);background:#fbc01114;color:var(--accent);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #fbc0112e}.headline{font-size:clamp(24px,3.4vw,38px);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--on-dark);margin:12px 0 8px}.headline em{color:var(--accent);font-style:normal;position:relative;display:inline-block}.headline em:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:10px;background:#fbc0112e;z-index:-1;border-radius:2px}.lede{font-size:clamp(13px,1.2vw,15px);color:var(--on-dark-soft);margin:0 auto;max-width:600px}.hero-features{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:14px}.hero-feature{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--on-dark-soft)}.hero-feature .dot{width:18px;height:18px;border-radius:50%;background:#fbc0112e;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:11px}.main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:0 16px 16px;margin-top:-40px;position:relative;z-index:2;overflow:auto}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;width:100%;max-width:880px;padding:22px 26px;box-shadow:var(--shadow-card);color:var(--ink)}.card-title{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.card-sub{margin:0 0 16px;color:#5a5a63;font-size:13px}.dropzones{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:14px}.field{display:block;position:relative}.field-label{display:flex;align-items:center;gap:6px;font-weight:600;margin-bottom:6px;font-size:11px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.field-label .num{width:18px;height:18px;border-radius:50%;background:var(--accent);color:var(--ink);font-weight:800;font-size:11px;display:inline-flex;align-items:center;justify-content:center}.dropzone{position:relative;border:2px dashed #d4d4d8;background:var(--bg-card-soft);border-radius:12px;padding:14px;text-align:center;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.dropzone:hover{border-color:var(--accent);background:#fffdf5}.dropzone.has-file{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.dropzone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.dz-icon{width:32px;height:32px;border-radius:10px;margin:0 auto 6px;background:var(--accent);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}.dropzone.has-file .dz-icon{background:var(--ink);color:var(--accent)}.dz-primary{font-size:13px;font-weight:600;color:var(--ink)}.dz-secondary{font-size:11px;color:#71717a;margin-top:1px}.dz-file{margin-top:6px;font-size:11px;color:var(--ink-soft);font-weight:600;word-break:break-all}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}button{font-family:inherit;font-size:13px;font-weight:700;padding:10px 18px;border-radius:9px;cursor:pointer;border:1px solid transparent;transition:transform 80ms ease,background .12s ease,border-color .12s ease,color .12s ease;display:inline-flex;align-items:center;gap:6px}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--accent);color:var(--ink);border-color:var(--accent);box-shadow:0 6px 16px -6px #fbc0118c}.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.ghost{background:transparent;color:var(--ink);border:1px solid var(--border)}.ghost:hover:not(:disabled){background:#f4f4f5}a.primary{display:inline-flex;text-decoration:none;margin-top:4px}.status{margin-top:12px;padding:10px 14px;background:#fffaeb;border:1px solid #fde68a;border-radius:9px;font-size:13px;color:#78350f;display:flex;align-items:center;gap:10px}.status:before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #d97706;border-top-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{margin-top:12px;padding:12px 14px;background:var(--error-bg);border:1px solid var(--error-border);border-radius:10px}.error strong{color:var(--error-ink);display:block;margin-bottom:2px;font-size:13px}.error p{margin:0 0 8px;color:#7f1d1d;font-size:13px}.result{margin-top:14px;padding:16px 18px;background:linear-gradient(135deg,#fffdf5,#fff);border:1px solid var(--accent);border-radius:14px;position:relative;overflow:hidden}.result:before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(closest-side,rgba(251,192,17,.25),transparent 70%);border-radius:50%;pointer-events:none}.result-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative}.result-head h2{margin:0;font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.result-badge{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--accent);padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:10px}.result-cell{background:#ffffffb3;border:1px solid var(--border);border-radius:9px;padding:8px 10px}.result-cell .lbl{font-size:10px;font-weight:700;color:#71717a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.result-cell .val{font-size:13px;color:var(--ink);font-weight:600;word-break:break-word}.result-cell.score-cell .val{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1}.result-cell.score-cell .val:after{content:" / 100";font-size:12px;color:#71717a;font-weight:600}.justification{background:#ffffffb3;border:1px solid var(--border);border-radius:9px;padding:8px 12px;margin-bottom:10px;max-height:90px;overflow-y:auto}.justification .lbl{font-size:10px;font-weight:700;color:#71717a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.justification p{margin:0;font-size:12px;color:var(--ink-soft);line-height:1.5}.result-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;position:relative}.result .download{display:inline-flex;align-items:center;gap:8px}.result .ttl{font-size:12px;color:#71717a;margin:0}.ftr{flex-shrink:0;text-align:center;padding:8px 16px;color:var(--on-dark-soft);font-size:11px;border-top:1px solid var(--border-dark);background:var(--bg)}.ftr strong{color:var(--accent);font-weight:600}@media (max-width: 600px){.app{height:auto;min-height:100vh;overflow:visible}.hero{padding:24px 16px 48px}.card{padding:18px}.main{margin-top:-36px;padding:0 12px 24px;overflow:visible}.hdr{padding:10px 14px}}@media (max-height: 720px){.hero{padding:16px 24px 44px}.headline{font-size:clamp(20px,2.6vw,30px);margin:8px 0 6px}.lede{display:none}.hero-features{margin-top:8px;gap:18px}.main{margin-top:-32px}.card{padding:16px 22px}.card-sub{margin-bottom:12px}}