@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Sometype+Mono:wght@400;500&display=swap";:root{--navy:#0f2d52;--blue:#1d5fb0;--blue-light:#e8f0fa;--blue-mid:#4a8bd4;--ink:#16202e;--slate:#5a6b7f;--line:#d9e2ec;--bg:#f7f9fc;--white:#fff;--gold:#c8901e;--success:#1f8a4c;--shadow-sm:0 1px 3px #0f2d5214;--shadow-md:0 4px 16px #0f2d521a;--shadow-lg:0 12px 40px #0f2d5224;--radius:12px;--serif:"Fraunces", Georgia, serif;--mono:"Sometype Mono", monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3{font-family:var(--serif);color:var(--navy);font-weight:600;line-height:1.2}a{color:var(--blue);text-decoration:none}.container{max-width:880px;margin:0 auto;padding:0 24px}.page{min-height:calc(100vh - 70px);padding:48px 0 80px}.navbar{background:var(--white);border-bottom:1px solid var(--line);z-index:100;align-items:center;height:70px;display:flex;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar .brand{font-family:var(--serif);color:var(--navy);align-items:center;gap:10px;font-size:1.25rem;font-weight:700;display:flex}.navbar .brand .brand-logo{object-fit:contain;width:auto;height:44px;display:block}.navbar .nav-right{align-items:center;gap:28px;display:flex}.navbar .nav-links{gap:28px;display:flex}.navbar .nav-links a{color:var(--slate);border-bottom:2px solid #0000;padding:6px 0;font-size:.95rem;font-weight:500;transition:all .18s}.navbar .nav-links a:hover{color:var(--navy)}.navbar .nav-links a.active{color:var(--navy);border-bottom-color:var(--gold)}.btn{background:var(--blue);color:var(--white);cursor:pointer;border-radius:var(--radius);font-size:1rem;font-weight:600;font-family:var(--sans);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 28px;transition:all .18s;display:inline-flex}.btn:hover{background:var(--navy);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:disabled{background:var(--line);color:var(--slate);cursor:not-allowed;box-shadow:none;transform:none}.btn.secondary{background:var(--white);color:var(--blue);border:1.5px solid var(--blue);box-shadow:none}.btn.secondary:hover{background:var(--blue-light)}.btn.large{padding:16px 36px;font-size:1.08rem}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:32px}.hero{text-align:center;padding:40px 0 24px}.hero .eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin-bottom:18px;font-size:.8rem}.hero h1{margin-bottom:20px;font-size:clamp(2rem,5vw,3.1rem)}.hero p{color:var(--slate);max-width:620px;margin:0 auto 32px;font-size:1.15rem}.hero .actions{justify-content:center;gap:14px;display:flex}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;display:grid}.feature{text-align:left}.feature .num{font-family:var(--serif);color:var(--gold);font-size:2rem;font-weight:700}.feature h3{margin:8px 0;font-size:1.1rem}.feature p{color:var(--slate);font-size:.95rem}.assess-header{margin-bottom:32px}.assess-header h1{margin-bottom:8px;font-size:2rem}.assess-header p{color:var(--slate)}.progress{background:var(--line);border-radius:99px;height:6px;margin:24px 0 0;overflow:hidden}.progress .bar{background:var(--blue);border-radius:99px;height:100%;transition:width .3s}.section-title{font-family:var(--serif);color:var(--navy);margin:36px 0 4px;font-size:1.35rem}.section-sub{color:var(--slate);margin-bottom:20px;font-size:.95rem}.question{border-bottom:1px solid var(--line);padding:18px 0}.question:last-child{border-bottom:none}.question .q-text{color:var(--ink);margin-bottom:12px;font-size:1rem;font-weight:500}.scale{flex-wrap:wrap;gap:8px;display:flex}.scale-btn{border:1.5px solid var(--line);background:var(--white);cursor:pointer;min-width:56px;color:var(--slate);text-align:center;border-radius:8px;flex:1;padding:10px 4px;font-size:.85rem;transition:all .15s}.scale-btn:hover{border-color:var(--blue-mid)}.scale-btn.selected{background:var(--blue);color:var(--white);border-color:var(--blue);font-weight:600}.scale-label{font-size:.72rem}.cgpa-input{align-items:center;gap:14px;display:flex}.cgpa-input input{border:1.5px solid var(--line);width:140px;font-size:1.1rem;font-family:var(--mono);color:var(--ink);border-radius:8px;padding:12px 16px}.cgpa-input input:focus{border-color:var(--blue);outline:none}.text-input{border:1.5px solid var(--line);width:100%;font-size:1rem;font-family:var(--sans);border-radius:8px;margin-bottom:16px;padding:12px 16px}.text-input:focus{border-color:var(--blue);outline:none}.field-label{color:var(--navy);margin-bottom:6px;font-size:.95rem;font-weight:600;display:block}.combobox{width:100%;position:relative}.combobox-input{border:1.5px solid var(--line);border-radius:var(--radius);width:100%;font-size:1.05rem;font-family:var(--sans);color:var(--ink);background:var(--white);padding:14px 40px 14px 16px}.combobox-input::placeholder{color:var(--slate)}.combobox-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-light);outline:none}.combobox-chevron{color:var(--slate);pointer-events:none;font-size:.9rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.combobox-list{z-index:20;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:280px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.combobox-item{cursor:pointer;color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:.98rem;display:flex}.combobox-item.active{background:var(--blue-light)}.combobox-item.selected{color:var(--blue);font-weight:600}.combobox-item.combobox-other{color:var(--slate);border-top:1px solid var(--line);border-radius:0 0 8px 8px;margin-top:4px}.combobox-check{color:var(--blue);font-weight:700}.combobox-empty{color:var(--slate);padding:12px 14px;font-size:.92rem}.submit-row{justify-content:space-between;align-items:center;gap:16px;margin-top:40px;display:flex}.error-msg{color:#c0392b;background:#fdeaea;border:1px solid #f5c6c6;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:.92rem}.results-head{text-align:center;margin-bottom:40px}.results-head .eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-size:.8rem}.results-head h1{margin:10px 0;font-size:2.2rem}.rec-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);align-items:center;gap:24px;margin-bottom:16px;padding:24px 28px;transition:all .2s;display:flex}.rec-card:hover{box-shadow:var(--shadow-md)}.rec-card.top{border-color:var(--gold);background:linear-gradient(to right, #fffdf6, var(--white));border-width:2px}.rec-rank{font-family:var(--serif);color:var(--blue);min-width:50px;font-size:2.4rem;font-weight:700}.rec-card.top .rec-rank{color:var(--gold)}.rec-body{flex:1}.rec-body h3{margin-bottom:10px;font-size:1.3rem}.match-bar{background:var(--blue-light);border-radius:99px;height:10px;overflow:hidden}.match-bar .fill{background:var(--blue);border-radius:99px;height:100%;transition:width .6s}.rec-card.top .match-bar .fill{background:var(--gold)}.rec-pct{font-family:var(--mono);color:var(--navy);text-align:right;min-width:80px;font-size:1.4rem;font-weight:500}.results-actions{text-align:center;justify-content:center;gap:14px;margin-top:36px;display:flex}.dash-search{gap:12px;margin-bottom:32px;display:flex}.dash-search input{border:1.5px solid var(--line);border-radius:8px;flex:1;padding:13px 16px;font-size:1rem}.dash-search input:focus{border-color:var(--blue);outline:none}.history-item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:20px 24px}.history-item .date{font-family:var(--mono);color:var(--slate);margin-bottom:12px;font-size:.82rem}.history-careers{flex-wrap:wrap;gap:10px;display:flex}.career-chip{background:var(--blue-light);color:var(--navy);border-radius:99px;padding:6px 14px;font-size:.88rem;font-weight:500}.career-chip .pct{color:var(--blue);font-family:var(--mono);margin-left:6px}.empty{text-align:center;color:var(--slate);padding:60px 20px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 24px}.stat-card .stat-value{font-family:var(--serif);color:var(--navy);font-size:2rem;font-weight:700;line-height:1.1}.stat-card .stat-value.stat-career{font-size:1.25rem;line-height:1.25}.stat-card .stat-value.stat-date{font-size:1.5rem}.stat-card .stat-label{color:var(--slate);margin-top:8px;font-size:.85rem}.chart-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px}.chart-title{font-family:var(--serif);color:var(--navy);margin-bottom:18px;font-size:1.1rem;font-weight:700}.chart-hint{background:var(--blue-light);border:1px dashed var(--blue-mid);border-radius:var(--radius);color:var(--navy);margin-bottom:24px;padding:18px 22px;font-size:.9rem}.history-heading{font-family:var(--serif);color:var(--navy);margin:8px 0 16px;font-size:1.1rem;font-weight:700}@media (width<=700px){.stat-grid{grid-template-columns:1fr}}.spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{text-align:center;padding:80px 20px}.loading-screen .spinner{border-color:var(--blue-light);border-top-color:var(--blue);width:36px;height:36px}.spinner-dark{border-color:var(--blue-light);border-top-color:var(--blue);width:28px;height:28px}.nav-auth{border-left:1px solid var(--line);align-items:center;gap:14px;padding-left:28px;display:flex}.nav-auth .nav-user{align-items:center;gap:10px;display:flex}.nav-auth .nav-avatar{background:var(--blue-light);width:32px;height:32px;color:var(--blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.nav-auth .nav-user-name{color:var(--navy);font-size:.92rem;font-weight:600}.nav-auth .nav-logout{border:1px solid var(--line);cursor:pointer;color:var(--slate);font-size:.9rem;font-weight:600;font-family:var(--sans);background:0 0;border-radius:8px;padding:7px 14px;transition:all .18s}.nav-auth .nav-logout:hover{border-color:var(--blue);color:var(--navy)}.nav-auth a.nav-login,.nav-auth a.nav-login.active{color:var(--navy);border-bottom:none;padding:7px 14px;font-size:.92rem;font-weight:600}.nav-auth a.nav-login:hover{color:var(--blue)}.nav-auth a.nav-cta,.nav-auth a.nav-cta.active{background:var(--blue);color:var(--white);border-bottom:none;border-radius:8px;padding:8px 18px;font-weight:600}.nav-auth a.nav-cta:hover{background:var(--navy);color:var(--white)}.auth-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);margin-top:32px;padding:40px 40px 32px}.auth-card h1{font-family:var(--serif);color:var(--navy);margin:6px 0 10px;font-size:1.9rem}.auth-card .auth-sub{color:var(--slate);margin-bottom:28px;font-size:.95rem}.auth-card form{flex-direction:column;display:flex}.auth-switch{text-align:center;color:var(--slate);margin-top:22px;font-size:.92rem}.auth-switch a{color:var(--blue);font-weight:600}.save-note{text-align:left;border-radius:10px;margin-top:28px;padding:14px 18px;font-size:.92rem}.save-note a{color:var(--blue);font-weight:600}.save-note-on{color:var(--navy);background:#1f8a4c14;border:1px solid #1f8a4c4d}.save-note-off{background:var(--blue-light);border:1px solid var(--blue-mid);color:var(--navy)}.save-banner{background:var(--blue-light);border:1px solid var(--blue-mid);border-radius:var(--radius);color:var(--navy);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;font-size:.95rem;display:flex}.save-banner-actions{gap:10px;display:flex}.btn.small{border-radius:8px;padding:8px 16px;font-size:.88rem}@media (width<=720px){.feature-grid{grid-template-columns:1fr}.rec-card{flex-direction:column;align-items:flex-start;gap:14px}.rec-pct{text-align:left}}.rec-title-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.rec-title-row h3{margin-bottom:0}.match-label{background:var(--blue-light);color:var(--blue);border-radius:99px;padding:4px 12px;font-size:.78rem;font-weight:600}.match-label.top-label{color:var(--gold);background:#fbf2dc}.match-label.core-label{background:var(--bg);color:var(--slate);border:1px solid var(--line)}.rec-card.core-path{background:var(--bg);border-style:dashed}.core-path-note{color:var(--slate);margin-top:8px;font-size:.9rem;line-height:1.5}.rec-confidence{color:#9aa7b5;text-align:right;font-size:.72rem;font-family:var(--mono);margin-top:6px}.rec-reasons{border-top:1px dashed var(--line);margin-top:12px;padding-top:12px}.rec-reasons-title{letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin-bottom:6px;font-size:.72rem;font-weight:700;display:block}.rec-reasons ul{margin:0;padding-left:18px}.rec-reasons li{color:var(--slate);margin-bottom:2px;font-size:.85rem;line-height:1.5}.results-note{text-align:center;color:var(--slate);background:var(--blue-light);border-radius:var(--radius);max-width:560px;margin:28px auto 0;padding:14px 18px;font-size:.9rem;line-height:1.6}.container-narrow{max-width:640px}.intro-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;padding:48px 40px}.intro-card .eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:14px;font-size:.8rem}.intro-card h1{margin-bottom:16px;font-size:2rem}.intro-lead{color:var(--slate);max-width:460px;margin:0 auto 8px;font-size:1.05rem}.intro-fields{text-align:left;margin-top:32px}.step-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.back-link{color:var(--slate);cursor:pointer;font-size:.95rem;font-family:var(--sans);background:0 0;border:none;padding:4px 0}.back-link:hover{color:var(--navy)}.step-count{font-family:var(--mono);color:var(--blue);font-size:.85rem}.progress.big{height:8px;margin-bottom:36px}.question-screen{min-height:380px}.q-big{font-family:var(--serif);color:var(--navy);text-align:center;justify-content:center;align-items:center;min-height:90px;margin-bottom:36px;font-size:1.7rem;line-height:1.3;display:flex}.scale-stack{flex-direction:column;gap:12px;display:flex}.scale-card{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;color:var(--ink);font-size:1.05rem;font-family:var(--sans);text-align:left;align-items:center;gap:16px;padding:16px 22px;transition:all .16s;display:flex}.scale-card:hover{border-color:var(--blue-mid);background:var(--blue-light);transform:translate(2px)}.scale-card.selected{background:var(--blue);color:var(--white);border-color:var(--blue)}.scale-num{background:var(--blue-light);width:34px;height:34px;color:var(--blue);font-weight:600;font-family:var(--mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scale-card.selected .scale-num{color:var(--white);background:#ffffff40}.slide-in{animation:.26s slideIn}.slide-out{animation:.2s forwards slideOut}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-24px)}}.step-fade{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.step-heading{text-align:center;margin-bottom:6px;font-size:1.6rem}.step-sub{text-align:center;color:var(--slate);margin-bottom:8px}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;display:none}.nav-toggle span{background:var(--navy);border-radius:2px;width:100%;height:2px;transition:transform .25s,opacity .2s;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=960px){.container{padding:0 20px}}@media (width<=768px){.page{padding:32px 0 64px}.card{padding:24px}.hero{padding:24px 0 16px}.hero p{font-size:1.05rem}.results-head h1{font-size:1.9rem}.assess-header h1{font-size:1.7rem}.auth-card{padding:32px 24px 28px}.intro-card{padding:36px 24px}}@media (width<=720px){.nav-toggle{display:flex}.navbar .nav-right{background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);flex-direction:column;align-items:stretch;gap:0;padding:8px 0 12px;display:none;position:absolute;top:70px;left:0;right:0}.navbar .nav-right.open{display:flex}.navbar .nav-links{flex-direction:column;gap:0}.navbar .nav-links a{border-bottom:none;width:100%;padding:13px 20px;font-size:1rem}.navbar .nav-links a.active{background:var(--blue-light);color:var(--navy);border-bottom:none}.nav-auth{border-left:none;border-top:1px solid var(--line);flex-direction:column;align-items:stretch;gap:10px;margin-top:8px;padding:14px 20px 4px}.nav-auth .nav-user{padding:2px 0}.nav-auth .nav-user-name{display:inline}.nav-auth .nav-logout,.nav-auth a.nav-login,.nav-auth a.nav-cta{text-align:center;width:100%;padding:12px}}@media (width<=600px){.hero h1{font-size:clamp(1.6rem,7vw,2.2rem)}.hero .actions,.results-actions{flex-direction:column;align-items:stretch;gap:12px}.hero .actions .btn,.results-actions .btn{width:100%}.btn.large{padding:14px 24px;font-size:1rem}.q-big{min-height:70px;margin-bottom:28px;font-size:1.35rem}.scale-card{gap:12px;padding:14px 16px;font-size:1rem}.rec-rank{min-width:auto;font-size:2rem}.rec-body h3{font-size:1.15rem}.save-banner{flex-direction:column;align-items:stretch}.save-banner-actions{width:100%}.save-banner-actions .btn{flex:1}.stat-card .stat-value{font-size:1.7rem}.chart-card{padding:18px 14px}}@media (width<=420px){.container{padding:0 16px}.card{padding:20px 16px}.navbar .brand{gap:8px;font-size:1.1rem}.navbar .brand .brand-logo{height:36px}.scale{gap:6px}.scale-btn{min-width:44px;padding:10px 2px}.history-item{padding:16px}}