main{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}main .form-container{flex-direction:column;gap:1rem;min-width:350px;display:flex}main form{flex-direction:column;gap:1rem;display:flex}main .input-group{flex-direction:column;gap:.5rem;display:flex}main .input-group input{border:none;border-radius:.75rem;outline:none;padding-block:.75rem;padding-inline:1rem}main a{color:#db7093;text-decoration:none}:root{--bg:#0b0c14;--card-bg:#12131f;--input-bg:#1a1b2e;--input-border:#ffffff12;--input-focus:#ec406780;--divider:#ffffff0f;--accent:#ec4067;--accent-hover:#f5254f;--accent-glow:#ec406738;--accent-soft:#ec40671a;--blue-hint:#3b5bfc;--blue-hint-bg:#3b5bfc1f;--text-primary:#edecf5;--text-secondary:#8b8aa8;--text-faint:#aa9898;--badge-req-bg:#ec406726;--badge-req-text:#ec4067;--badge-best-bg:#22c5821f;--badge-best-text:#22c582;--font-display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease:cubic-bezier(.4, 0, .2, 1);--t:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}.navbar-wrapper{z-index:9999;background:var(--bg);width:100%;position:sticky;top:0}.home{flex-direction:column;justify-content:flex-start;align-items:center;gap:2.25rem;width:100%;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.home:before{content:"";pointer-events:none;background:radial-gradient(60% 40% at 25% 60%,#ec40670e 0%,#0000 60%),radial-gradient(50% 35% at 80% 25%,#3b5bfc0a 0%,#0000 55%);position:fixed;inset:0}.home__header{text-align:center;z-index:1}.home__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800;line-height:1.15}.home__title-accent{color:var(--accent)}.home__subtitle{color:var(--text-secondary);max-width:440px;margin-top:.65rem;font-size:.92rem;font-weight:300;line-height:1.6}.home .interview-input-group{z-index:1;background:var(--card-bg);border:1px solid #ffffff12;border-radius:20px;grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;width:min(960px,100%);min-height:500px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 80px #0000008c,0 0 80px #ec406708}.home .left{border-right:1px solid var(--divider);flex-direction:column;width:100%;padding:1.75rem;display:flex}.home .left .input-group{flex-direction:column;flex:1;gap:.65rem;display:flex}.home .left .input-group textarea{flex:1}.home .right{flex-direction:column;align-self:stretch;gap:.9rem;width:100%;padding:1.75rem;display:flex}.home .right__header{align-items:center;gap:.5rem;margin-bottom:.1rem;display:flex}.home .right__header .input-group__label{font-size:1rem;font-weight:600}.home .right .input-group{flex-direction:column;gap:.55rem;display:flex}.home .right .input-group:has(textarea){flex:1}.home .right .input-group:has(textarea) textarea{flex:1;min-height:90px}.home .input-group__header{align-items:center;gap:.5rem;display:flex}.home .input-group__label{font-family:var(--font-display);letter-spacing:.01em;color:var(--text-primary);font-size:.82rem;font-weight:700}.home .input-group__icon{color:var(--text-secondary);font-size:.85rem}.home .input-group__char-count{color:var(--text-faint);text-align:right;font-size:.72rem}.home textarea{border:1px solid var(--input-border);background-color:var(--input-bg);width:100%;color:var(--text-primary);font-family:var(--font-body);resize:none;transition:border-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:12px;outline:none;padding-block:.85rem;padding-inline:1rem;font-size:.875rem;font-weight:300;line-height:1.7}.home textarea::placeholder{color:var(--text-faint)}.home textarea:hover{border-color:#ffffff1f}.home textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--accent-glow)}.home .badge{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.2em .6em;font-size:.63rem;font-weight:700}.home .badge--required{background:var(--badge-req-bg);color:var(--badge-req-text);border:1px solid #ec406733}.home .badge--best{background:var(--badge-best-bg);color:var(--badge-best-text);border:1px solid #22c58233}.home .file-label{background:var(--input-bg);cursor:pointer;transition:border-color var(--t) var(--ease), background var(--t) var(--ease);border:1.5px dashed #ffffff1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1.5rem 1rem;display:flex}.home .file-label__icon{color:var(--accent);transition:transform var(--t) var(--ease);font-size:1.6rem;line-height:1}.home .file-label__text{color:var(--text-primary);font-size:.875rem;font-weight:500}.home .file-label__hint{color:var(--text-faint);font-size:.72rem}.home .file-label:hover{background:var(--accent-soft);border-color:#ec406766}.home .file-label:hover .file-label__icon{transform:translateY(-2px)}.home .file-label--uploaded{background:#22c5820d;border-style:solid;border-color:#22c58259}.home .file-label--uploaded .file-label__icon{color:#22c582}.home .divider{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.72rem;display:flex}.home .divider:before,.home .divider:after{content:"";background:var(--divider);flex:1;height:1px}.home .hint-box{background:var(--blue-hint-bg);border:1px solid #3b5bfc33;border-radius:10px;align-items:flex-start;gap:.65rem;padding:.8rem 1rem;display:flex}.home .hint-box__dot{background:var(--blue-hint);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:3px}.home .hint-box__text{color:#a0aeff;font-size:.78rem;font-weight:300;line-height:1.6}.home .hint-box__text strong{color:#bfc9ff;font-weight:600}.home .card-footer{border-top:1px solid var(--divider);background:#ffffff04;grid-column:1/-1;justify-content:space-between;align-items:center;padding:1rem 1.75rem;display:flex}.home .card-footer__meta{color:var(--text-faint);font-size:.78rem}.home .generate-btn{background:var(--accent);color:#fff;font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;transition:background var(--t) var(--ease), transform var(--t) var(--ease), box-shadow var(--t) var(--ease);box-shadow:0 4px 20px var(--accent-glow);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;display:flex;position:relative;overflow:hidden}.home .generate-btn:after{content:"";background:linear-gradient(100deg,#0000 35%,#ffffff2e 50%,#0000 65%);transition:transform .5s;position:absolute;inset:0;transform:translate(-120%)}.home .generate-btn__star{font-size:.85rem}.home .generate-btn__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.home .generate-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 28px #ec406766}.home .generate-btn:hover:not(:disabled):after{transform:translate(140%)}.home .generate-btn:active:not(:disabled){transform:translateY(0)}.home .generate-btn:disabled{opacity:.65;cursor:not-allowed}.recent-reports{flex-direction:column;gap:1rem;width:min(960px,100%);display:flex}.recent-reports__header{justify-content:space-between;align-items:center;display:flex}.recent-reports__title{font-family:var(--font-display);color:var(--text-primary);font-size:1rem;font-weight:700}.recent-reports__count{color:var(--text-faint);background:#ffffff0d;border:1px solid #ffffff12;border-radius:999px;padding:3px 10px;font-size:.75rem}.recent-reports__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.report-card{background:var(--card-bg);cursor:pointer;text-align:left;width:100%;transition:border-color var(--t) var(--ease), background var(--t) var(--ease), transform var(--t) var(--ease);border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:.75rem;padding:1.1rem 1.25rem;display:flex}.report-card:hover{background:#ec40670a;border-color:#ec40674d;transform:translateY(-2px)}.report-card__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.report-card__title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.85rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.report-card__score{border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:.78rem;font-weight:700}.report-card__score--high{color:#22c582;background:#22c5821f;border:1px solid #22c58233}.report-card__score--mid{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2433}.report-card__score--low{color:var(--accent);background:#ec40671f;border:1px solid #ec406733}.report-card__bottom{justify-content:space-between;align-items:center;display:flex}.report-card__date{color:var(--text-faint);font-size:.72rem}.report-card__arrow{color:var(--text-faint);transition:transform var(--t) var(--ease), color var(--t) var(--ease);font-size:.85rem}.report-card:hover .report-card__arrow{color:var(--accent);transform:translate(4px)}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){.home .interview-input-group{grid-template-columns:1fr}.home .interview-input-group .left{border-right:none;border-bottom:1px solid var(--divider)}.home .interview-input-group .left textarea{min-height:180px}.home .interview-input-group .card-footer{text-align:center;flex-direction:column;gap:.75rem}.home .interview-input-group .card-footer .generate-btn{justify-content:center;width:100%}}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0c14d9;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;padding:.85rem 2rem;display:flex;position:sticky;top:0}.navbar__brand{cursor:pointer;align-items:center;gap:.6rem;text-decoration:none;display:flex}.navbar__logo{color:var(--accent);font-size:1rem}.navbar__name{color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.navbar__right{align-items:center;gap:1rem;display:flex}.navbar__user{color:var(--text-secondary);font-size:.82rem}.navbar__logout-btn{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:all var(--t) var(--ease);background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:.45rem 1rem;font-size:.82rem;font-weight:500}.navbar__logout-btn:hover{color:var(--accent);background:#ec40670f;border-color:#ec406766}.interview{background:var(--bg);min-height:100vh;color:var(--text-primary);font-family:var(--font-body);grid-template-columns:230px 1fr 260px;max-width:1400px;margin:0 auto;padding:0 2rem;font-size:15px;display:grid}.interview--empty{color:var(--text-secondary);grid-template-columns:1fr;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-size:1rem;display:flex}.interview__loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;font-size:.9rem;display:flex}.interview__loading-spinner{border:3px solid #ffffff14;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.interview__sidebar{border-right:1px solid var(--divider);flex-direction:column;justify-content:space-between;height:100vh;padding:2.5rem 1.25rem;display:flex;position:sticky;top:0;overflow-y:auto}.interview__sidebar-top{flex-direction:column;gap:0;display:flex}.interview__sidebar-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.85rem;padding:0 .5rem;font-size:.68rem;font-weight:700}.interview__nav{flex-direction:column;gap:.25rem;display:flex}.interview__nav-item{width:100%;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;text-align:left;transition:background var(--t) var(--ease), color var(--t) var(--ease);background:0 0;border:none;border-radius:10px;align-items:center;gap:.7rem;padding:.65rem .85rem;font-size:.875rem;font-weight:400;display:flex}.interview__nav-item:hover{background:var(--input-bg);color:var(--text-primary)}.interview__nav-item--active{background:var(--accent-soft);color:var(--text-primary);font-weight:600}.interview__nav-item--active .interview__nav-icon{color:var(--accent)}.interview__nav-icon{text-align:center;width:18px;color:var(--text-faint);flex-shrink:0;font-size:.9rem;font-style:normal}.interview__sidebar-footer{border-top:1px solid var(--divider);padding-top:1.5rem}.interview__download-btn{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:background var(--t) var(--ease), border-color var(--t) var(--ease), color var(--t) var(--ease), transform var(--t) var(--ease);border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex}.interview__download-btn:hover{background:var(--accent-soft);color:var(--accent);border-color:#ec406766;transform:translateY(-1px)}.interview__download-btn:active{transform:translateY(0)}.interview__download-icon{font-size:1.1rem;font-weight:700;line-height:1}.interview__main{min-height:100vh;padding:2.5rem 3rem;overflow-y:auto}.interview__section{animation:fadeUp .2s var(--ease) both;max-width:760px}.interview__section-header{border-bottom:1px solid var(--divider);align-items:center;gap:.85rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.interview__section-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.interview__section-count{color:var(--text-secondary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:999px;padding:.2em .75em;font-size:.75rem}.interview__section-badge{color:var(--accent);background:var(--accent-soft);border:1px solid #ec406733;border-radius:999px;padding:.25em .8em;font-size:.75rem;font-weight:600}.interview__cards{flex-direction:column;gap:.85rem;display:flex}.interview__roadmap{flex-direction:column;display:flex}.interview__gaps{border-left:1px solid var(--divider);flex-direction:column;gap:2.25rem;height:100vh;padding:2.5rem 1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.interview__score{flex-direction:column;align-items:center;gap:.6rem;display:flex}.interview__score-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.68rem;font-weight:700}.interview__score-ring{width:110px;height:110px;position:relative}.interview__score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.interview__score-ring svg circle{fill:none;stroke-width:5px;stroke-linecap:round}.interview__score-ring svg circle:first-child{stroke:var(--input-bg)}.interview__score-ring svg circle:last-child{stroke:var(--accent);filter:drop-shadow(0 0 6px #ec406780);transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}.interview__score-inner{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.interview__score-value{color:var(--text-primary);font-size:2rem;font-weight:800}.interview__score-unit{color:var(--text-secondary);margin-top:2px;font-size:.8rem}.interview__score-caption{color:var(--text-secondary);text-align:center;margin:0;font-size:.78rem}.interview__gaps-block{flex-direction:column;gap:.85rem;display:flex}.interview__gaps-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.68rem;font-weight:700}.interview__gap-list{flex-wrap:wrap;gap:.5rem;display:flex}.interview__gap-tag{cursor:default;border:1px solid;border-radius:8px;padding:.4em .85em;font-size:.8rem;font-weight:500;display:inline-block}.interview__gap-tag--high{color:#ff6b8a;background:#ec40671a;border-color:#ec40674d}.interview__gap-tag--medium{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b4d}.interview__gap-tag--low{color:#34d399;background:#22c5821a;border-color:#22c5824d}.q-card{border:1px solid var(--input-border);background:var(--card-bg);transition:border-color var(--t) var(--ease);border-radius:14px;overflow:hidden}.q-card:hover{border-color:#ffffff21}.q-card--open{border-color:#ec40674d}.q-card__header{cursor:pointer;text-align:left;width:100%;color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;align-items:flex-start;gap:.85rem;padding:1.1rem 1.25rem;display:flex}.q-card__index{letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);border:1px solid #ec406733;border-radius:6px;flex-shrink:0;margin-top:2px;padding:.25em .5em;font-size:.7rem;font-weight:700}.q-card__question{color:var(--text-primary);flex:1;font-size:.95rem;font-weight:500;line-height:1.6}.q-card__chevron{color:var(--text-secondary);transition:color var(--t) var(--ease);flex-shrink:0;padding-top:5px;font-size:.6rem}.q-card--open .q-card__chevron{color:var(--accent)}.q-card__body{animation:fadeUp .18s var(--ease) both;flex-direction:column;gap:.85rem;padding:0 1.25rem 1.25rem;display:flex}.q-card__intention,.q-card__answer{border-left:2px solid;border-radius:10px;padding:1rem 1.1rem}.q-card__intention p,.q-card__answer p{margin-top:.4rem;font-size:.9rem;font-weight:400;line-height:1.75}.q-card__intention{background:#3b5bfc14;border-left-color:#3b5bfc}.q-card__intention p{color:#c0caff}.q-card__answer{border-left-color:var(--accent);background:#ec40670f}.q-card__answer p{color:#d4d3e8}.q-card__block-label{letter-spacing:.07em;text-transform:uppercase;font-size:.7rem;font-weight:700;display:block}.q-card__intention .q-card__block-label{color:#7b93ff}.q-card__answer .q-card__block-label{color:var(--accent)}.roadmap-card{gap:1.5rem;display:flex}.roadmap-card__timeline{flex-direction:column;flex-shrink:0;align-items:center;width:14px;padding-top:4px;display:flex}.roadmap-card__node{background:var(--bg);border:2.5px solid var(--accent);width:14px;height:14px;box-shadow:0 0 8px var(--accent-glow);z-index:1;border-radius:50%;flex-shrink:0}.roadmap-card__line{background:linear-gradient(#ec40674d,#ec40670d);flex:1;width:1.5px;min-height:32px;margin-block:4px}.roadmap-card__content{flex:1;padding-bottom:2.25rem}.roadmap-card__header{align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.roadmap-card__day{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);white-space:nowrap;border:1px solid #ec406733;border-radius:6px;padding:.25em .6em;font-size:.7rem;font-weight:700}.roadmap-card__focus{color:var(--text-primary);font-size:1rem;font-weight:600}.roadmap-card__tasks{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.roadmap-card__task{color:var(--text-secondary);align-items:flex-start;gap:.7rem;font-size:.875rem;font-weight:400;line-height:1.65;display:flex}.roadmap-card__bullet{background:var(--accent);opacity:.5;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.interview{grid-template-columns:1fr;padding:0 1rem}.interview__sidebar,.interview__gaps{border:none;border-bottom:1px solid var(--divider);height:auto;position:static}.interview__sidebar{flex-direction:column;gap:1rem;padding:1.5rem}.interview__sidebar-footer{border-top:1px solid var(--divider);padding-top:1rem}.interview__nav{flex-flow:wrap}.interview__gaps{border-top:1px solid var(--divider);flex-flow:wrap;padding:1.5rem}.interview__score{flex-direction:row;gap:1rem}.interview__main{padding:1.5rem}.interview__section{max-width:100%}}@media print{.interview{max-width:100%;padding:0;display:block}.interview__sidebar,.interview__gaps{display:none}.interview__main{min-height:auto;padding:2rem}.interview__section{max-width:100%}.q-card{break-inside:avoid;border:1px solid #ddd;margin-bottom:1rem}.q-card__body{display:block!important}}.button{cursor:pointer;border:none;border-radius:1rem;outline:none;padding-block:.75rem;padding-inline:1.5rem;transition:all .3s ease-in-out}.button.primary-button{color:#fff;background-color:#db7093}.button:active{transform:scale(.9)}*{box-sizing:border-box;margin:0%;padding:0%}html,body,#root{color:#f5f5f5;background-color:#161616;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.highlight{color:#d87093}