@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.auth-page{display:flex;min-height:100vh;width:100%;background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-stack)}.auth-page__visual{flex:1;display:none;flex-direction:column;justify-content:center;align-items:center;padding:3rem;position:relative;overflow:hidden;background:radial-gradient(circle at center,rgba(43,238,173,.15) 0%,var(--bg-page) 70%);border-right:1px solid var(--border-color)}@media(min-width:900px){.auth-page__visual{display:flex}}.auth-page__visual .brand-tagline{z-index:2;text-align:center;max-width:400px}.auth-page__visual .brand-tagline h1{font-size:3rem;font-weight:700;line-height:1.1;margin-bottom:1rem}.auth-page__visual .brand-tagline h1 span{display:block}.auth-page__visual .brand-tagline p{color:var(--text-muted);font-size:1.1rem;line-height:1.5}.auth-page__visual .glow-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:1;opacity:.5}.auth-page__visual .glow-orb--1{width:400px;height:400px;background-color:var(--accent-main);top:-100px;left:-100px}.auth-page__visual .glow-orb--2{width:300px;height:300px;background-color:var(--intention-color);bottom:-50px;right:-50px;opacity:.3}.auth-page__form{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem;position:relative}.auth-card{width:100%;max-width:420px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:1.25rem;padding:2.5rem;box-shadow:var(--shadow-md);background:rgba(var(--bg-card),.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.auth-card__header{text-align:center;margin-bottom:2rem}.auth-card__header .logo{font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.auth-card__header p{color:var(--text-muted);font-size:.95rem}.auth-card form{display:flex;flex-direction:column;gap:1.25rem}.auth-card .input-group{display:flex;flex-direction:column;gap:.4rem}.auth-card .input-group label{font-size:.85rem;font-weight:500;color:var(--text-muted);transition:color .2s}.auth-card .input-group input{width:100%;padding:.85rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-primary);font-family:var(--font-stack);font-size:.95rem;outline:none;transition:all .2s}.auth-card .input-group input::placeholder{color:#7d859080}.auth-card .input-group input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2beead26;background-color:var(--bg-page)}.auth-card .input-group input:focus+label{color:var(--border-focus)}.auth-card .auth-button{margin-top:.5rem;width:100%}.auth-card .auth-footer{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--text-muted)}.auth-card .auth-footer a{color:var(--accent-main);text-decoration:none;font-weight:600;margin-left:.5rem;transition:opacity .2s}.auth-card .auth-footer a:hover{opacity:.8}.app-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--bg-header);border-bottom:1px solid var(--border-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.app-nav__logo{font-size:1.5rem;font-weight:700;text-decoration:none}.app-nav__actions{display:flex;align-items:center;gap:1.5rem}.app-nav__theme-btn{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;transition:color .2s;display:flex;align-items:center}.app-nav__theme-btn:hover{color:var(--accent-main)}.home-page{width:100%;min-height:calc(100vh - 65px);background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-stack);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3rem 1.5rem;gap:2rem}.page-header{text-align:center;width:100%;max-width:900px}.page-header h1{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.page-header p{color:var(--text-muted);font-size:.95rem;max-width:480px;margin:0 auto;line-height:1.6}.interview-card{width:100%;max-width:900px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.interview-card__body{display:flex;min-height:520px}@media(max-width:768px){.interview-card__body{flex-direction:column}}.interview-card__footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background-color:#00000005}.interview-card__footer .footer-info{font-size:.8rem;color:var(--text-muted)}.panel-divider{width:1px;background-color:var(--border-color);flex-shrink:0}@media(max-width:768px){.panel-divider{width:100%;height:1px}}.panel{flex:1;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.panel__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.panel__header h2{font-size:1rem;font-weight:600;color:var(--text-primary);flex:1}.panel__icon{display:flex;align-items:center;color:var(--accent-main)}.panel__textarea{flex:1;width:100%;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem 1rem;color:var(--text-primary);font-family:var(--font-stack);font-size:.875rem;resize:none;outline:none;transition:border-color .2s;line-height:1.5}.panel__textarea::placeholder{color:var(--text-muted);opacity:.7}.panel__textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2beead1a}.panel__textarea--short{flex:unset;height:96px}.panel--left{position:relative}.panel--left .char-counter{position:absolute;bottom:2.25rem;right:2rem;font-size:.75rem;color:var(--text-muted)}.panel--right{gap:.75rem}.badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:.3rem;text-transform:uppercase;letter-spacing:.03em}.badge--required{background-color:var(--severity-high-bg);color:var(--severity-high);border:1px solid rgba(255,77,77,.3)}.badge--best{background-color:#2beead26;color:var(--accent-main);border:1px solid rgba(43,238,173,.3)}.upload-section{display:flex;flex-direction:column;gap:.5rem}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1.5rem 1rem;background-color:var(--bg-input);border:2px dashed var(--border-color);border-radius:.6rem;cursor:pointer;transition:all .2s}.dropzone:hover{border-color:var(--accent-main);background-color:#2beead0d}.dropzone__icon{color:var(--accent-main);margin-bottom:.25rem;font-size:1.5rem}.dropzone__title{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0}.dropzone__subtitle{font-size:.75rem;color:var(--text-muted);margin:0}.or-divider{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.75rem}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.or-divider span{white-space:nowrap}.self-description{display:flex;flex-direction:column;gap:.5rem}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-stack)}.loading-screen h1{font-size:1.5rem;font-weight:500;animation:pulse 1.5s infinite;color:var(--accent-main)}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.recent-reports{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:900px}.recent-reports h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.25rem}.recent-reports .reports-list{display:flex;gap:.75rem;flex-wrap:wrap}.recent-reports .reports-list .report-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1rem;flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;flex-shrink:0;transition:border-color .2s,transform .2s}.recent-reports .reports-list .report-item:hover{border-color:var(--accent-main);transform:translateY(-2px)}.recent-reports .reports-list .report-item .match-score{font-size:.8rem;font-weight:600;color:var(--text-primary);align-items:flex-start}.page-footer{display:flex;gap:1.5rem}.page-footer a{font-size:.8rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.page-footer a:hover{color:var(--text-primary)}*::-webkit-scrollbar{display:none}.interview-report-page{min-height:calc(100vh - 65px);background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-stack);display:flex;flex-direction:column}.report-header{padding:1.5rem 3rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-panel);display:flex;justify-content:space-between;align-items:center}.report-header__titles{display:flex;flex-direction:column;gap:.25rem}.report-header__titles h1{font-size:1.8rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.report-header__titles h1 .status-dot{width:12px;height:12px;background-color:var(--accent-main);border-radius:50%;box-shadow:0 0 10px #2beead66}.report-header__titles .report-meta{font-size:.9rem;color:var(--text-muted);display:flex;align-items:center;gap:1rem}.report-header__actions{display:flex;gap:1rem}.report-layout{display:flex;flex:1;overflow:hidden}.sidebar-left{width:320px;background-color:var(--bg-card);border-right:1px solid var(--border-color);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.sidebar-left .sidebar-section{display:flex;flex-direction:column;gap:.75rem;background-color:var(--bg-panel);border:1px solid var(--border-color);padding:1.25rem;border-radius:var(--border-radius)}.sidebar-left .sidebar-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.sidebar-left .sidebar-section h3 svg{color:var(--text-muted)}.sidebar-left .sidebar-section .content-box{font-size:.85rem;color:var(--text-muted);line-height:1.6;max-height:250px;overflow-y:auto;padding-right:.5rem;white-space:pre-wrap}.sidebar-left .sidebar-section .content-box::-webkit-scrollbar{width:4px}.sidebar-left .sidebar-section .content-box::-webkit-scrollbar-thumb{background:var(--border-color)}.main-content{flex:1;padding:2.5rem 3rem;overflow-y:auto;display:flex;flex-direction:column;gap:3rem;background-color:var(--bg-page)}.content-section{display:flex;flex-direction:column;gap:1.25rem}.content-section__header{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.content-section__header .icon-wrapper{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--bg-page)}.content-section__header .icon-wrapper--green{background-color:var(--accent-main);color:var(--bg-page)}.content-section__header .icon-wrapper--purple{background-color:var(--intention-color);color:#fff}.content-section__header .icon-wrapper--yellow{background-color:var(--severity-medium);color:var(--bg-page)}.content-section__header .icon-wrapper--blue{background-color:#4a90e2;color:#fff}.content-section__header h2{font-size:1.4rem;font-weight:600;color:var(--text-primary)}.feature-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.feature-list li{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.95rem;line-height:1.5;position:relative;padding:1rem 1.25rem 1rem 2.5rem}.feature-list li:before{content:"✓";position:absolute;left:1rem;color:var(--accent-main);font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.missing-skills-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem}.missing-skills-list li{background-color:var(--severity-high-bg);color:var(--severity-high);border:1px solid rgba(255,77,77,.3);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.missing-skills-list li:before{content:"!";display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:var(--severity-high);color:#fff;border-radius:50%;font-size:.7rem;font-weight:700}.qa-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.qa-card__question{background-color:var(--bg-panel);padding:1.25rem;border-bottom:1px solid var(--border-color)}.qa-card__question h4{font-size:1.05rem;color:var(--text-primary);line-height:1.4;display:flex;gap:.75rem}.qa-card__question h4 .q-mark{color:var(--intention-color);font-weight:700}.qa-card__answer{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.qa-card__answer p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.qa-card__answer .key-points{background-color:#2beead0d;border-left:3px solid var(--accent-main);padding:1rem;border-radius:0 4px 4px 0}.qa-card__answer .key-points strong{display:block;color:var(--text-primary);font-size:.85rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.qa-card__answer .key-points ul{margin:0;padding-left:1.25rem;color:var(--text-muted);font-size:.9rem}.qa-card__answer .key-points ul li{margin-bottom:.25rem}.sidebar-right{width:320px;background-color:var(--bg-card);border-left:1px solid var(--border-color);padding:1.5rem;overflow-y:auto;position:sticky;top:0;height:100%}.tab-navigation{display:flex;flex-direction:column;gap:.5rem}.tab-navigation .tab-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);padding:.75rem 1rem;text-align:left;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.tab-navigation .tab-btn:hover{background-color:var(--bg-card);color:var(--text-primary)}.tab-navigation .tab-btn.active{background-color:#2beead1a;color:var(--accent-main);border-color:#2beead33}.instruction-text{color:var(--text-muted);font-size:.9rem;margin-top:-.5rem;margin-bottom:.5rem}.interactive-card{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.interactive-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-main)}.interactive-card__question{display:flex;justify-content:space-between;align-items:center}.interactive-card__question .expand-hint{font-size:.75rem;color:var(--accent-main);opacity:0;transition:opacity .2s}.interactive-card:hover .expand-hint{opacity:1}.interactive-card.expanded .qa-card__question{border-color:var(--accent-main)}.interactive-card.expanded .expand-hint{opacity:1}.gap-advice{background-color:var(--bg-panel);padding:1rem;border-radius:var(--border-radius);color:var(--text-muted);font-size:.9rem;border-left:3px solid var(--accent-main);margin-top:1rem}.gap-advice strong{color:var(--text-primary)}.severity-badge{font-size:.7rem;padding:.15rem .4rem;border-radius:4px;background-color:var(--bg-page);border:1px solid currentColor;text-transform:uppercase;margin-left:auto;opacity:.8}.fade-in{animation:fadeIn .4s ease-out forwards}.slide-up{animation:slideUp .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.sidebar-left,.sidebar-right{position:sticky;top:0;max-height:calc(100vh - 146px)}.score-widget{background:linear-gradient(145deg,var(--bg-panel),var(--bg-card));border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;margin-bottom:2rem}.score-widget h3{font-size:1.1rem;color:var(--text-primary);margin:0}.score-widget__circle{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.score-widget__circle .score-value{position:absolute;display:flex;flex-direction:column;align-items:center}.score-widget__circle .score-value span{font-size:2.5rem;font-weight:700;color:var(--accent-main);line-height:1}.score-widget__circle .score-value small{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.score-widget__circle svg{transform:rotate(-90deg)}.score-widget__circle svg circle{fill:none;stroke-width:8}.score-widget__circle svg circle.bg{stroke:var(--bg-input)}.score-widget__circle svg circle.progress{stroke:var(--accent-main);stroke-linecap:round;transition:stroke-dashoffset 1s ease-out}.score-widget p{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0}.metrics-section{display:flex;flex-direction:column;gap:1rem}.metrics-section h3{font-size:1rem;color:var(--text-primary);margin-bottom:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.metrics-section .metric-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:var(--bg-panel);border-radius:6px}.metrics-section .metric-item .label{font-size:.85rem;color:var(--text-muted)}.metrics-section .metric-item .value{font-weight:600;color:var(--text-primary);font-size:.9rem}.roadmap-list{display:flex;flex-direction:column;gap:0;position:relative}.roadmap-list:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ff2d78,#ff2d781a);border-radius:1px}.roadmap-day{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 0 .75rem 3.5rem;position:relative}.roadmap-day:before{content:"";position:absolute;left:21px;top:1.05rem;width:14px;height:14px;border-radius:50%;background-color:#161b22;border:2px solid #ff2d78}.roadmap-day__header{display:flex;align-items:center;gap:.6rem}.roadmap-day__badge{font-size:.7rem;font-weight:700;color:#ff2d78;background-color:#ff2d781a;border:1px solid rgba(255,45,120,.25);padding:.1rem .5rem;border-radius:2rem}.roadmap-day__focus{margin:0;font-size:.95rem;font-weight:600;color:#e6edf3}.roadmap-day__tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.roadmap-day__tasks li{display:flex;align-items:flex-start;gap:.5rem;font-size:.845rem;color:#9ea4ac;line-height:1.5}.roadmap-day__bullet{flex-shrink:0;width:5px;height:5px;border-radius:50%;background-color:#7d8590;margin-top:8px}.interview-sidebar{width:240px;flex-shrink:0;padding:1.75rem 1.25rem;display:flex;flex-direction:column;gap:1.25rem}.sidebar-divider{height:1px;background-color:#2a3348}.match-score{display:flex;flex-direction:column;align-items:center;gap:.6rem}.match-score__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#7d8590;margin:0;align-self:flex-start}.match-score__ring{width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid}.match-score__ring.score--high{border-color:#3fb950}.match-score__ring.score--mid{border-color:#f5a623}.match-score__ring.score--low{border-color:#ff4d4d}.match-score__value{font-size:1.6rem;font-weight:800;color:#e6edf3;line-height:1}.match-score__pct{font-size:.75rem;color:#7d8590;margin-top:-2px}.match-score__sub{margin:0;font-size:.75rem;color:#3fb950;text-align:center}.skill-gaps{display:flex;flex-direction:column;gap:.75rem}.skill-gaps__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#7d8590;margin:0}.skill-gaps__list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{font-size:.775rem;font-weight:500;padding:.3rem .7rem;border-radius:.4rem;border:1px solid;cursor:default}.skill-tag--high{color:#ff4d4d;background-color:#ff4d4d1a;border-color:#ff4d4d40}.skill-tag--medium{color:#f5a623;background-color:#f5a6231a;border-color:#f5a62340}.skill-tag--low{color:#3fb950;background-color:#3fb9501a;border-color:#3fb95040}.button{border:none;outline:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-family:var(--font-stack);font-weight:600;font-size:1rem;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.button.primary-button{background:linear-gradient(135deg,var(--accent-main),var(--accent-alt));color:#0f1117;box-shadow:0 4px 14px #2beead40}.button.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2beead66;filter:brightness(1.1)}.button.primary-button:active{transform:translateY(0)}.button.active{background:linear-gradient(135deg,var(--accent-main),var(--accent-alt));color:#0f1117}.button.ghost-button{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.button.ghost-button:hover{background:var(--bg-panel);border-color:var(--accent-main)}:root{--bg-page: #0f1117;--bg-card: #161b22;--bg-panel: #1c2230;--bg-input: #1e2535;--bg-header: rgba(15, 17, 23, .85);--border-color: #2a3348;--border-focus: #2beead;--text-primary: #e6edf3;--text-muted: #7d8590;--accent-main: #2beead;--accent-alt: #0d9488;--shadow-sm: 0 4px 6px rgba(0,0,0,.3);--shadow-md: 0 8px 15px rgba(0,0,0,.4);--border-radius: 8px;--font-stack: "Space Grotesk", system-ui, -apple-system, sans-serif;--severity-high: #ff4d4d;--severity-high-bg: rgba(255, 77, 77, .1);--severity-medium: #f5a623;--severity-medium-bg: rgba(245, 166, 35, .1);--severity-low: #3fb950;--severity-low-bg: rgba(63, 185, 80, .1);--intention-color: #a78bfa;--intention-bg: rgba(167, 139, 250, .1)}[data-theme=light]{--bg-page: #f8fafc;--bg-card: #ffffff;--bg-panel: #f1f5f9;--bg-input: #ffffff;--bg-header: rgba(255, 255, 255, .85);--border-color: #e2e8f0;--border-focus: #0d9488;--text-primary: #0f172a;--text-muted: #64748b;--accent-main: #0d9488;--accent-alt: #2beead;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 10px rgba(0,0,0,.08);--severity-high-bg: rgba(255, 77, 77, .15);--severity-medium-bg: rgba(245, 166, 35, .15);--severity-low-bg: rgba(63, 185, 80, .15);--intention-bg: rgba(167, 139, 250, .15)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-stack);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.highlight{background:linear-gradient(135deg,var(--accent-main),var(--accent-alt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}