*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3b82f6;--primary-dark:#2563eb;--primary-light:#60a5fa;--accent:#06b6d4;--bg:#070d1a;--surface:#0d1526;--surface-light:#14213d;--surface-lighter:#1a2d4a;--text:#e2e8f0;--text-muted:#94a3b8;--heading:#f1f5f9;--border:#1e3a5f;--border-light:#243b58;--green:#22c55e;--red:#ef4444;--font-sans:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.15;pointer-events:none;z-index:0}*{position:relative;z-index:1}h1,h2,h3,h4{color:var(--heading);line-height:1.25;font-weight:700}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.hero{padding:5rem 0 3rem;text-align:center}.hero-tag{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap}.hero h1{font-size:clamp(2.5rem,6vw,4rem);letter-spacing:-.03em;margin-bottom:.75rem}.hero-sub{font-size:1.2rem;color:var(--text);max-width:520px;margin:0 auto .4rem}.hero-sub strong{color:var(--heading)}.hero-sub2{font-size:.95rem;color:var(--text-muted);max-width:480px;margin:0 auto}.gradient-text{background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.72rem;padding:.22rem .6rem;border-radius:4px;background:var(--surface-light);color:var(--text-muted);border:1px solid var(--border);white-space:nowrap}.badge-accent{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:0 8px 30px color-mix(in srgb,var(--primary) 8%,transparent)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 20px color-mix(in srgb,var(--primary) 40%,transparent)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--primary);color:var(--primary-light);background:color-mix(in srgb,var(--primary) 8%,transparent)}.btn-kofi{background:#FF5E5B;color:#fff}.btn-kofi:hover{background:#e54e4b;transform:translateY(-1px);color:#fff}.btn-bmc{background:#FFDD00;color:#000}.btn-bmc:hover{background:#f0cf00;transform:translateY(-1px);color:#000}.section-title{font-size:1rem;font-weight:700;color:var(--heading);letter-spacing:-.01em;display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.section-title:after{content:"";flex:1 1;height:1px;background:linear-gradient(to right,var(--border-light),transparent)}.form-section{padding:0 0 3rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}@media (max-width:700px){.form-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:.5rem}.field label{font-size:.78rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.field textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;color:var(--text);font-family:var(--font-mono);font-size:.84rem;resize:vertical;transition:border-color .2s;line-height:1.6}.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.field textarea::placeholder{color:var(--text-muted);opacity:.5}.form-footer{justify-content:space-between;gap:1.5rem}.form-footer,.n-selector{display:flex;align-items:center;flex-wrap:wrap}.n-selector{gap:1rem}.n-selector label{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);min-width:130px}.n-selector input[type=range]{accent-color:var(--primary);width:130px;cursor:pointer}.n-hint{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);opacity:.65}.loading-section{padding:2rem 0}.loading-card{display:flex;align-items:center;gap:1rem;color:var(--text-muted);font-size:.9rem}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.error-card{border-color:color-mix(in srgb,var(--red) 40%,var(--border));color:#fca5a5;font-family:var(--font-mono);font-size:.85rem;margin:2rem 0}.warning-card{background:color-mix(in srgb,#f59e0b 10%,var(--surface));border:1px solid color-mix(in srgb,#f59e0b 30%,transparent);color:#fcd34d;border-radius:10px;padding:.85rem 1.25rem;font-size:.85rem;margin-bottom:1.5rem}.results{padding-bottom:5rem}.report-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.summary-grid{display:grid;grid-template-columns:220px 1fr;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.5rem}@media (max-width:700px){.summary-grid{grid-template-columns:1fr}}.advance-card{align-items:center;justify-content:center;gap:1.25rem;text-align:center}.advance-card,.advance-rate{display:flex;flex-direction:column}.advance-rate{gap:.25rem}.rate-number{font-size:3.5rem;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rate-label{font-size:.78rem;color:var(--text-muted);font-family:var(--font-mono)}.rate-bar{width:100%;height:6px;background:var(--surface-lighter);border-radius:3px;overflow:hidden}.rate-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;transition:width .8s ease}.verdict-card{display:flex;flex-direction:column;gap:1rem}.verdict-text{color:var(--text);line-height:1.75}.one-liner{font-family:var(--font-mono);font-size:.84rem;color:var(--accent);border-left:2px solid var(--accent);padding-left:.75rem;font-style:italic}.roles-card{margin-bottom:1.5rem}.roles-list{display:flex;flex-direction:column;gap:.85rem}.role-item{padding:.85rem 1rem;border-radius:8px;background:var(--surface-light);border:1px solid var(--border);transition:border-color .2s}.role-item:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.role-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.3rem}.role-name{font-weight:600;font-size:.925rem;color:var(--heading)}.role-reason{font-size:.82rem;color:var(--text-muted);line-height:1.5}.fit-bar-wrap{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.fit-bar-bg{width:80px;height:5px;background:var(--surface-lighter);border-radius:3px;overflow:hidden}.fit-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.fit-pct{font-family:var(--font-mono);font-size:.78rem;font-weight:700;min-width:36px;text-align:right}.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem;margin-bottom:1.5rem}@media (max-width:800px){.insights-grid{grid-template-columns:1fr}}.insights-title{font-size:.875rem}.insights-title.strengths{color:var(--green)}.insights-title.strengths:after{background:linear-gradient(to right,color-mix(in srgb,var(--green) 30%,transparent),transparent)}.insights-title.concerns{color:#f87171}.insights-title.concerns:after{background:linear-gradient(to right,color-mix(in srgb,var(--red) 30%,transparent),transparent)}.insights-title.changes{color:var(--primary-light)}.insights-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.insights-list li{font-size:.875rem;color:var(--text-muted);padding-left:1rem;position:relative;line-height:1.5}.insights-list li:before{content:"–";position:absolute;left:0;color:var(--border-light)}.adjustments-card{margin-bottom:1.5rem}.adjustments-list{display:flex;flex-direction:column;gap:.75rem}.adjustment-item{display:grid;grid-template-columns:160px 1fr;grid-gap:1rem;gap:1rem;align-items:baseline;padding:.65rem 0;border-bottom:1px solid var(--border)}.adjustment-item:last-child{border-bottom:none}.adj-section{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.adj-action{font-size:.875rem;color:var(--text-muted);line-height:1.55}@media (max-width:600px){.adjustment-item{grid-template-columns:1fr;gap:.25rem}}.courses-card{margin-bottom:1.5rem}.courses-list{display:flex;flex-direction:column}.course-item{padding:1rem 0;border-bottom:1px solid var(--border)}.course-item:last-child{border-bottom:none}.course-header{justify-content:space-between;gap:1rem;margin-bottom:.35rem}.course-header,.course-meta{display:flex;align-items:center}.course-meta{gap:.75rem}.course-skill{font-weight:600;font-size:.9rem;color:var(--heading)}.course-platform{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:var(--surface-light);border:1px solid var(--border);padding:.15rem .5rem;border-radius:4px}.course-priority{font-family:var(--font-mono);font-size:.72rem;font-weight:700}.course-name{font-size:.875rem;color:var(--primary-light);margin-bottom:.3rem;font-style:italic}.course-why{font-size:.825rem;color:var(--text-muted);line-height:1.55}.reactions-title{font-size:1.1rem;margin-bottom:1.25rem}.reactions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-bottom:2rem}.reaction-card.advance{border-color:color-mix(in srgb,var(--green) 25%,var(--border))}.reaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.875rem;gap:1rem}.reaction-header strong{font-size:.925rem;color:var(--heading);display:block}.reaction-role{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono);margin-top:.15rem}.decision-badge{font-family:var(--font-mono);font-size:.62rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;letter-spacing:.06em;flex-shrink:0}.decision-badge.yes{background:color-mix(in srgb,var(--green) 15%,var(--surface));color:var(--green);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}.decision-badge.no{background:color-mix(in srgb,var(--red) 12%,var(--surface));color:#f87171;border:1px solid color-mix(in srgb,var(--red) 25%,transparent)}.reaction-text{font-size:.875rem;color:var(--text-muted);line-height:1.65;margin-bottom:.75rem}.reaction-tags{display:flex;flex-wrap:wrap;gap:.4rem}.concern-tag{font-size:.68rem;background:color-mix(in srgb,var(--red) 8%,var(--surface));color:#fca5a5;border-color:color-mix(in srgb,var(--red) 20%,transparent)}.positive-tag{font-size:.68rem;background:color-mix(in srgb,var(--green) 8%,var(--surface));color:#86efac;border-color:color-mix(in srgb,var(--green) 20%,transparent)}.support-section{border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.support-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.support-title{font-weight:600;color:var(--heading);font-size:.95rem;margin-bottom:.25rem}.support-sub{font-size:.82rem;color:var(--text-muted)}.footer-meta,.support-actions{display:flex;gap:.75rem;flex-wrap:wrap}.footer-meta{justify-content:center;padding-top:1.5rem;border-top:1px solid var(--border)}.print-header{display:none}@media print{*{position:static!important;z-index:auto!important}body{background:#fff!important;color:#111!important;font-size:11pt}.no-print,body:before{display:none!important}.print-header{display:block;margin-bottom:1.5rem;border-bottom:2px solid #1e3a5f;padding-bottom:.75rem}.print-header h1{color:#111;font-size:18pt}.print-meta{color:#666;font-size:9pt;margin-top:.25rem}.card{background:#f8fafc!important;border:1px solid #cbd5e1!important;box-shadow:none!important;page-break-inside:avoid;break-inside:avoid}.support-section{display:none}.gradient-text{background:none!important}.gradient-text,.rate-number{-webkit-text-fill-color:#1d4ed8!important}.section-title,h1,h2,h3,h4{color:#111!important}.section-title:after{background:#cbd5e1!important}.adj-action,.course-why,.insights-list li,.role-reason,.verdict-text{color:#374151!important}.course-platform,.one-liner,.rate-label,.reaction-role{color:#6b7280!important}.one-liner{border-left-color:#0891b2!important;color:#0891b2!important;-webkit-text-fill-color:#0891b2!important}.summary-grid{grid-template-columns:180px 1fr!important}.insights-grid{grid-template-columns:repeat(3,1fr)!important}.reactions-grid{grid-template-columns:repeat(2,1fr)!important}.badge{background:#f1f5f9!important;color:#475569!important;border-color:#cbd5e1!important}.positive-tag{background:#f0fdf4!important;color:#16a34a!important;border-color:#bbf7d0!important}.concern-tag{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important}.decision-badge.yes{background:#f0fdf4!important;color:#16a34a!important;border-color:#bbf7d0!important}.decision-badge.no{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important}.role-item{background:#f8fafc!important;border-color:#cbd5e1!important}.fit-bar-bg{background:#e2e8f0!important}.role-name{color:#111!important}.course-name{color:#1d4ed8!important;-webkit-text-fill-color:#1d4ed8!important}.adj-section{color:#0891b2!important;-webkit-text-fill-color:#0891b2!important}.adjustment-item,.course-item{border-bottom-color:#e2e8f0!important}.insights-title.strengths{color:#16a34a!important}.insights-title.strengths:after{background:#bbf7d0!important}.insights-title.concerns{color:#dc2626!important}.insights-title.concerns:after{background:#fecaca!important}.insights-title.changes{color:#1d4ed8!important}.insights-list li:before{color:#94a3b8!important}.rate-bar{background:#e2e8f0!important}.rate-fill{background:#1d4ed8!important}@page{margin:1.5cm}}