:root{color-scheme:dark;--bg: #0f0e17;--bg-elevated: rgba(20, 18, 32, .85);--border-subtle: rgba(148, 163, 184, .28);--accent: #6366f1;--accent-soft: rgba(99, 102, 241, .2);--accent-strong: rgba(129, 140, 248, .5);--accent-green: #22c55e;--text: #e5e7eb;--text-soft: #9ca3af;--danger: #f97373;--shadow-soft: 0 25px 60px rgba(0, 0, 0, .5);--radius-lg: 24px;--radius-md: 18px;--radius-pill: 999px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}.shell{position:relative;min-height:100vh;padding:32px 24px;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;isolation:isolate}.shell-gradient{position:fixed;inset:0;background:linear-gradient(180deg,#1a1625,#0f0e17 40%,#0d0c14);z-index:-2}.shell-main{flex:1;display:flex;flex-direction:column;gap:24px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}.hero-column{display:flex;flex-direction:column;gap:14px}.brand-mark{position:relative;width:48px;height:48px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px #6366f166;overflow:hidden}.brand-orbit{position:absolute;inset:-50%;border-radius:inherit;background:conic-gradient(from 180deg,rgba(129,140,248,.2),rgba(139,92,246,.25),transparent,rgba(99,102,241,.2));animation:orbit-spin 20s linear infinite;opacity:.9}.brand-initials{position:relative;z-index:1;font-size:.9rem;font-weight:700;letter-spacing:.08em;color:#fff}.hero-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:var(--radius-pill);padding:5px 12px;font-size:.78rem;color:var(--text-soft);background:#94a3b81f;border:1px solid var(--border-subtle)}.hero-heading{margin:0;font-size:2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.hero-gradient-text{background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-body{margin:0;font-size:.95rem;color:var(--text-soft);line-height:1.5}.hero-list{margin:0;padding-left:20px;font-size:.9rem;color:var(--text-soft);line-height:1.6}.hero-list li+li{margin-top:6px}.results-wrapper{margin-top:32px}.hero-card-column{display:flex;flex-direction:column;gap:18px}.shell-header{display:flex;flex-direction:column;gap:4px}.hero-title{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.hero-subtitle{margin:0;font-size:.9rem;color:var(--text-soft)}.upload-shell{width:100%;max-width:420px}.upload-card{position:relative;padding:22px 20px 18px;border-radius:var(--radius-lg);background:#1e1b2d99;border:1px solid rgba(148,163,184,.25);box-shadow:var(--shadow-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.upload-card:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.08),transparent 50%);pointer-events:none}.upload-card-header{position:relative;z-index:1;margin-bottom:14px}.upload-title{margin:0 0 4px;font-size:1.15rem;font-weight:600;color:var(--text)}.upload-subtitle{margin:0;font-size:.86rem;color:var(--text-soft)}.api-key-field{display:flex;flex-direction:column;gap:4px;margin-top:10px}.api-key-label{font-size:.78rem;color:var(--text-soft)}.api-key-input{width:100%;padding:8px 10px;border-radius:10px;border:1px solid rgba(148,163,184,.35);background:#0f0e17cc;color:var(--text);font-size:.85rem;outline:none;transition:border-color .15s ease}.api-key-input::placeholder{color:var(--text-soft);opacity:.8}.api-key-input:focus{border-color:#5b5dc3b3}.dropzone{position:relative;margin-top:10px;border-radius:var(--radius-md);padding:18px 16px 16px;cursor:pointer;overflow:hidden;background:#0f0e17b3;border:1px dashed rgba(148,163,184,.5);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.dropzone-glow{position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from 0deg,#6366f199,#22c55e80,#60a5fa80,#6366f199);opacity:0;animation:border-spin 25s linear infinite;mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);-webkit-mask:linear-gradient(#fff,#fff) content-box,linear-gradient(#fff,#fff);mask-composite:exclude;-webkit-mask-composite:xor;padding:1px;pointer-events:none}.dropzone:hover{border-color:#818cf8cc;background:#1e1b2dd9;box-shadow:0 12px 32px #0000004d}.dropzone:hover .dropzone-glow{opacity:.7}.dropzone-active{border-style:solid;border-color:#818cf8e6;background:#6366f11f}.dropzone-error{border-color:var(--danger);background:#f871711a}.file-input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone-inner{position:relative;z-index:1;display:flex;align-items:center;gap:12px}.dropzone-orbit{width:46px;height:46px;border-radius:999px;border:1px dashed rgba(162,179,202,.5);display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.dropzone-orbit-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#71a5e4,#3e41d0);animation:float-dot 2.5s ease-in-out infinite}.dropzone-copy{display:flex;flex-direction:column;gap:2px}.dropzone-title{margin:0;font-size:.92rem;font-weight:500;color:var(--text)}.dropzone-hint{margin:0;font-size:.82rem;color:var(--text-soft)}.link-like{color:#93c5fd;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.file-pill{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:#22c55e26;border:1px solid rgba(34,197,94,.4);font-size:.8rem}.file-dot{width:6px;height:6px;border-radius:999px;background:#22c55e}.file-name{max-width:220px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--text)}.file-meta{color:var(--text-soft)}.error-text{margin-top:8px;font-size:.8rem;color:#fecaca}.primary-button{position:relative;margin-top:18px;border:none;border-radius:var(--radius-pill);padding:10px 20px;font-size:.88rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 12px 28px #4f46e573;overflow:hidden;transition:transform .12s ease,box-shadow .15s ease,filter .12s ease}.primary-button-glow{position:absolute;inset:-30%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 60%);opacity:0;transition:opacity .2s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 36px #4f46e580;filter:brightness(1.05)}.primary-button:hover:not(:disabled) .primary-button-glow{opacity:1}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.upload-footnote{margin-top:12px;font-size:.78rem;color:var(--text-soft)}.results-shell{border-radius:var(--radius-lg);padding:32px 24px;background:#1e1b2d80;border:1px solid rgba(148,163,184,.22);box-shadow:0 20px 50px #00000059;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.results-shell-empty{text-align:left}.results-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-soft);margin-bottom:6px}.results-title{margin:0 0 6px;font-size:1.2rem;font-weight:600;color:var(--text)}.results-subtitle{margin:0;font-size:.88rem;color:var(--text-soft);line-height:1.5}.results-subtitle span{color:var(--text);font-weight:500}.results-header{margin-bottom:14px}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.results-card{border-radius:var(--radius-md);padding:24px;background:#0f0e17b3;border:1px solid rgba(148,163,184,.25);box-shadow:0 10px 30px #00000040;min-width:300px}.results-card-skills{grid-column:span 2}.results-card-score{display:flex;flex-direction:column;align-items:center}.score-ring{position:relative;width:130px;height:130px;margin-bottom:10px}.score-ring-track,.score-ring-fill{position:absolute;inset:0;border-radius:999px}.score-ring-track{background:#1e1b2de6;box-shadow:inset 0 0 0 1px #94a3b84d}.score-ring-fill{--score: 0;background:conic-gradient(from 270deg,#6366f1 calc(var(--score) * 1%),transparent calc(var(--score) * 1%));mask:radial-gradient(circle 48px at center,transparent 99%,#000 100%),radial-gradient(circle 64px at center,#000 99%,transparent 100%);-webkit-mask:radial-gradient(circle 48px at center,transparent 99%,#000 100%),radial-gradient(circle 64px at center,#000 99%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}.score-ring-center{position:absolute;inset:16px;border-radius:999px;background:#0f0e17f2;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-number{font-size:1.75rem;font-weight:700;color:var(--text)}.score-label{font-size:.78rem;color:var(--text-soft)}.score-caption{margin:4px 0 0;font-size:.78rem;color:var(--text-soft);text-align:center}.results-card-title{margin:0 0 8px;font-size:.9rem;font-weight:600;color:var(--text)}.badge-row{display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:var(--radius-pill);padding:4px 10px;font-size:.78rem}.badge-missing{background:#eab30833;border:1px solid rgba(234,179,8,.5);color:#fbbf24}.results-card-suggestions,.results-card-mistakes{grid-column:1 / -1}.suggestion-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.suggestion-card{border-radius:16px;padding:24px;background:radial-gradient(circle at 0 0,rgba(99,102,241,.18),transparent 55%),#0f0f1ef5;border:1px solid rgba(129,140,248,.35);transition:border-color .15s ease,box-shadow .15s ease;min-width:300px}.suggestion-card:hover{border-color:#818cf8cc;box-shadow:0 10px 26px #0006}.suggestion-title{margin:0 0 4px;font-size:1.1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong)}.suggestion-body{margin:0;font-size:1rem;color:var(--text);line-height:1.6}.mistake-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mistake-card{border-radius:16px;padding:24px;background:radial-gradient(circle at 0 0,rgba(34,197,94,.08),transparent 55%),#0f0f1ef5;border:1px solid rgba(148,163,184,.22);min-width:300px}.mistake-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.mistake-area{font-size:.95rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#bfdbfef2}.mistake-pill{border-radius:var(--radius-pill);padding:3px 10px;font-size:.85rem;border:1px solid rgba(148,163,184,.25);color:var(--text);text-transform:lowercase}.mistake-pill-high{background:#f8717126;border-color:#f8717159}.mistake-pill-medium{background:#eab30824;border-color:#eab30859}.mistake-pill-low{background:#22c55e1f;border-color:#22c55e59}.mistake-row{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding-top:16px}.mistake-label{font-size:.9rem;color:var(--text-soft);letter-spacing:.02em}.mistake-text{margin:0;font-size:1.05rem;line-height:1.6;color:var(--text)}.shell-footer{margin-top:auto;padding-top:20px;display:flex;justify-content:flex-end}.shell-footer-text{font-size:.78rem;color:var(--text-soft)}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes border-spin{to{transform:rotate(360deg)}}@keyframes float-dot{0%,to{transform:translate(-3px,3px) scale(1)}50%{transform:translate(3px,-3px) scale(1.1)}}@media(max-width:1024px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.results-card-skills{grid-column:span 1}.mistake-list,.suggestion-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.shell{padding-inline:16px}.hero-layout{grid-template-columns:1fr}.upload-shell{max-width:100%}}@media(max-width:768px){.results-grid{grid-template-columns:1fr}.results-card-skills{grid-column:span 1}.mistake-list,.suggestion-list{grid-template-columns:1fr}}@media(max-width:640px){.hero-heading{font-size:1.6rem}.upload-card{padding-inline:16px}.file-name{max-width:160px}}