.auth-page{color:#f5f5f5;background:#2d2b2d;width:100%;min-height:100vh;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.auth-header{border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;height:72px;padding:0 28px 0 20px;display:flex}.auth-brand{letter-spacing:-.04em;color:#f3f4f6;font-size:2.15rem;font-weight:800}.auth-nav{align-items:center;gap:2.3rem;display:flex}.auth-nav a{color:#f3f4f6;font-size:1.15rem;font-weight:500;text-decoration:none}.auth-main{justify-content:center;align-items:center;min-height:calc(100vh - 72px);padding:4rem 1rem;display:flex}.form-container{background:#181d2399;border:1px solid #a0b4d259;border-radius:18px;width:min(100%,420px);padding:2.2rem 1.7rem 1.1rem;box-shadow:inset 0 0 0 1px #ffffff05}.auth-card-title{text-align:center;margin-bottom:.7rem;font-size:clamp(2.2rem,4vw,3rem);font-weight:800;line-height:1.1}.auth-card-subtitle{text-align:center;color:#ffffffbf;margin-bottom:1.6rem;font-size:1.2rem}.auth-error{color:#ff8a9e;text-align:center;margin:0 0 1rem}.auth-form{flex-direction:column;gap:1.2rem;display:flex}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label,.input-group .label-row{color:#fff;font-size:1.05rem;font-weight:600}.input-group input{color:#1f2937;background:#f3f4f6;border:none;border-radius:12px;outline:none;width:100%;height:54px;padding:0 1rem;font-size:1.15rem;box-shadow:inset 0 0 0 1px #1118271a}.input-group input::placeholder{color:#6b7280}.label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:#e83d6a;font-size:.95rem;font-weight:600;text-decoration:none}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#eb1d5d 0%,#e42965 100%);border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.95rem 1rem;font-size:1.05rem;font-weight:700;transition:opacity .2s}.auth-submit:hover{opacity:.96}.auth-switch{text-align:center;color:#ffffffd1;margin-top:.8rem;font-size:1rem}.auth-switch a{color:#f4f6f8;font-weight:700;text-decoration:none}@media (width<=640px){.auth-header{padding:0 18px}.auth-brand{font-size:1.6rem}.auth-nav{gap:1rem}.auth-nav a{font-size:.9rem}.form-container{width:min(100%,360px);padding:1.6rem 1.2rem 1rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.spinner{justify-content:center;align-items:center;width:80px;height:80px;display:flex}.spinner-ring{border:5px solid #f0f0f0;border-top-color:#3498db;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin;box-shadow:0 4px 15px #3498db4d}.home-page{background:#0e1118;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px 18px;display:flex}.home-page .interview-shell{width:min(900px,100%);margin:0 auto}.home-page h1{text-align:center;letter-spacing:-.06em;color:#f5f7fb;margin-bottom:14px;font-size:clamp(2.3rem,4vw,4.2rem);font-weight:800;line-height:.92}.home-page h1 span{background:linear-gradient(90deg,#ff4d88,#ff8aae);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block}.home-page .subtitle{text-align:center;color:#ffffffb8;max-width:690px;margin:0 auto 26px;font-size:1.03rem;line-height:1.45}.home-page .interview-board{background:#14181feb;border:1px solid #ffffff0d;border-radius:20px;grid-template-columns:1.3fr .9fr;align-items:stretch;gap:18px;padding:18px 18px 12px;display:grid;box-shadow:0 18px 50px #00000047}.home-page .job-card,.home-page .profile-card{background:#232932f0;border:1px solid #ffffff0a;border-radius:16px;padding:16px 16px 14px}.home-page .job-card{flex-direction:column;min-height:440px;display:flex}.home-page .card-header{justify-content:space-between;align-items:center;min-height:34px;margin-bottom:14px;display:flex}.home-page .card-title{letter-spacing:.08em;text-transform:uppercase;color:#fffc;font-size:.8rem;font-weight:700}.home-page .ai-pill{color:#fffc;background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;display:inline-flex}.home-page .profile-header{justify-content:flex-start;gap:10px}.home-page .profile-dot{background:linear-gradient(135deg,#ff5d8d,#ffb28d);border-radius:50%;width:10px;height:10px;box-shadow:0 0 16px #ff6089cc}.home-page textarea{resize:none;color:#fffc;width:100%;font:inherit;box-sizing:border-box;background:#ffffff08;border:none;border-radius:12px;outline:none;padding:18px 16px;line-height:1.55}.home-page textarea::placeholder{color:#ffffff61}.home-page .job-card textarea{background:#ffffff05;flex:1;min-height:350px;font-size:1.02rem}.home-page .profile-card{flex-direction:column;gap:16px;display:flex}.home-page .profile-field{flex-direction:column;gap:10px;display:flex}.home-page .field-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;font-size:.72rem;font-weight:700}.home-page .upload-box{text-align:center;color:#ffffffbf;background:#ffffff03;border:1px dashed #ffffff1f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:0;display:flex;position:relative}.home-page .file-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-page .upload-label{cursor:pointer;color:#ffffffbf;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:120px;padding:18px 12px;display:flex}.home-page .upload-icon{border:2px solid #ffffff73;border-radius:50%;width:28px;height:28px;margin-bottom:12px;position:relative}.home-page .upload-icon:before,.home-page .upload-icon:after{content:"";background:#ffffff73;position:absolute}.home-page .upload-icon:before{width:2px;height:12px;top:7px;left:12px}.home-page .upload-icon:after{width:12px;height:2px;top:12px;left:7px}.home-page .upload-text{color:#ffffffd1;margin-bottom:4px;font-size:.9rem;line-height:1.5}.home-page small{color:#ffffff73;font-size:.7rem}.home-page .divider{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#ffffff85;font-size:.72rem}.home-page .profile-card textarea{background:#ffffff05;min-height:90px;font-size:.92rem}.home-page .require-note{color:#dfebffe6;background:#3a72a629;border:1px solid #73b3ff33;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:.82rem;line-height:1.5;display:flex}.home-page .note-icon{color:#dbeafe;background:#95c0ff2e;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;font-weight:700;display:inline-flex}.home-page .primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff467d 0%,#ec2d6f 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:.95rem 1rem;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;box-shadow:0 10px 26px #ec2d6f59}.home-page .primary-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #ec2d6f73}.home-page .primary-button:active{transform:translateY(0)scale(.99)}.home-page .generate-button{position:relative;overflow:hidden}.home-page .generate-button--active{animation:.7s generate-button-pulse}.home-page .sparkle{font-size:1.1rem}@keyframes generate-button-pulse{0%{transform:scale(1);box-shadow:0 10px 26px #ec2d6f59}20%{transform:scale(.97);box-shadow:0 0 #ff6da473}50%{transform:scale(1.02);box-shadow:0 0 0 18px #ff6da41f}to{transform:scale(1);box-shadow:0 10px 26px #ec2d6f59}}@media (prefers-reduced-motion:reduce){.home-page .primary-button,.home-page .generate-button--active{transition:none;animation:none}}.home-page .secondary-button{color:#ffffffe6;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:.85rem 1rem;font-size:.9rem;font-weight:600;transition:all .18s;display:flex}.home-page .secondary-button:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.home-page .secondary-button:active:not(:disabled){transform:translateY(0)scale(.98)}.home-page .secondary-button:disabled{opacity:.6;cursor:not-allowed}.home-page .secondary-button.downloading{animation:.6s button-pulse}.home-page .download-icon{font-size:1rem}@keyframes button-pulse{0%,to{opacity:1}50%{opacity:.7}}.home-page .footer-links{color:#ffffff85;justify-content:center;gap:28px;padding-top:18px;font-size:.7rem;display:flex}.home-page .footer-links a{color:inherit;text-decoration:none}.home-page .upload-label.file-selected{background:#4ade8014;border:1px solid #4ade804d;border-radius:12px;transition:all .3s}.home-page .checkmark-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:1.8rem;font-weight:700;animation:.5s cubic-bezier(.68,-.55,.265,1.55) checkmark-pop;display:flex;box-shadow:0 4px 12px #22c55e4d}.home-page .selected-text{color:#22c55e;word-break:break-all;max-width:100%;font-weight:600}@keyframes checkmark-pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media (width<=820px){.home-page .interview-board{grid-template-columns:1fr}}::-webkit-scrollbar{display:none}.interview-page{color:#e6edf3;box-sizing:border-box;background-color:#0d1117;align-items:stretch;width:100%;min-height:100vh;padding:1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.interview-layout{background-color:#161b22;border:1px solid #2a3348;border-radius:1rem;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;display:flex}.interview-divider{background-color:#2a3348;flex-shrink:0;width:1px}.interview-nav{flex-direction:column;flex-shrink:0;justify-content:space-between;gap:.25rem;width:220px;padding:1.75rem 1rem;display:flex}.interview-nav__label{text-transform:uppercase;letter-spacing:.08em;color:#7d8590;margin-bottom:.5rem;padding:0 .75rem;font-size:.7rem;font-weight:600}.interview-nav__item{color:#7d8590;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.6rem;width:100%;padding:.65rem .75rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;transition:background-color .15s,color .15s;display:flex}.interview-nav__item:hover{color:#e6edf3;background-color:#1c2230}.interview-nav__item--active{color:#ff2d78;background-color:#ff2d781a}.interview-nav__item--active .interview-nav__icon svg{stroke:#ff2d78}.interview-nav__icon{flex-shrink:0;align-items:center;display:flex}.interview-content{min-height:initial;flex:1;align-items:flex-start;max-height:calc(100vh - 3rem);padding:1.75rem 2rem 5rem;overflow-y:auto}.interview-content section{min-height:100%}.content-header{border-bottom:1px solid #2a3348;align-items:baseline;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.content-header h2{color:#e6edf3;margin:0;font-size:1.1rem;font-weight:700}.content-header__count{color:#7d8590;background-color:#1c2230;border:1px solid #2a3348;border-radius:2rem;padding:.15rem .6rem;font-size:.8rem}.q-list{flex-direction:column;gap:.75rem;display:flex}.q-card{background-color:#1c2230;border:1px solid #2a3348;border-radius:.6rem;transition:border-color .2s;overflow:hidden}.q-card:hover{border-color:#394562}.q-card__header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.q-card__index{color:#ff2d78;background-color:#ff2d781a;border:1px solid #ff2d7833;border-radius:.3rem;flex-shrink:0;margin-top:2px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.q-card__question{color:#e6edf3;flex:1;margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.q-card__chevron{color:#7d8590;flex-shrink:0;margin-top:2px;transition:transform .2s}.q-card__chevron--open{color:#ff2d78;transform:rotate(180deg)}.q-card__body{border-top:1px solid #2a3348;flex-direction:column;gap:.75rem;padding:.75rem 1rem 1rem;display:flex}.q-card__section{flex-direction:column;gap:.4rem;display:flex}.q-card__section p{color:#a6acb3;margin:0;font-size:.835rem;line-height:1.6}.q-card__tag{text-transform:uppercase;letter-spacing:.06em;border-radius:.25rem;width:fit-content;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.q-card__tag--intention{color:#a78bfa;background-color:#a78bfa1a;border:1px solid #a78bfa33}.q-card__tag--answer{color:#3fb950;background-color:#3fb9501a;border:1px solid #3fb95033}.roadmap-list{flex-direction:column;gap:0;display:flex;position:relative}.roadmap-list:before{content:"";background:linear-gradient(#ff2d78,#ff2d781a);border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:28px}.roadmap-day{flex-direction:column;gap:.5rem;padding:.75rem 0 .75rem 3.5rem;display:flex;position:relative}.roadmap-day:before{content:"";background-color:#161b22;border:2px solid #ff2d78;border-radius:50%;width:14px;height:14px;position:absolute;top:1.05rem;left:21px}.roadmap-day__header{align-items:center;gap:.6rem;display:flex}.roadmap-day__badge{color:#ff2d78;background-color:#ff2d781a;border:1px solid #ff2d7840;border-radius:2rem;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.roadmap-day__focus{color:#e6edf3;margin:0;font-size:.95rem;font-weight:600}.roadmap-day__tasks{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.roadmap-day__tasks li{color:#9ea4ac;align-items:flex-start;gap:.5rem;font-size:.845rem;line-height:1.5;display:flex}.roadmap-day__bullet{background-color:#7d8590;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:8px}.interview-sidebar{flex-direction:column;flex-shrink:0;gap:1.25rem;width:240px;padding:1.75rem 1.25rem;display:flex}.sidebar-divider{background-color:#2a3348;height:1px}.match-score{flex-direction:column;align-items:center;gap:.6rem;display:flex}.match-score__label{text-transform:uppercase;letter-spacing:.08em;color:#7d8590;align-self:flex-start;margin:0;font-size:.75rem;font-weight:600}.match-score__ring{border:4px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.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{color:#e6edf3;font-size:1.6rem;font-weight:800;line-height:1}.match-score__pct{color:#7d8590;margin-top:-2px;font-size:.75rem}.match-score__sub{color:#3fb950;text-align:center;margin:0;font-size:.75rem}.skill-gaps{flex-direction:column;gap:.75rem;display:flex}.skill-gaps__label{text-transform:uppercase;letter-spacing:.08em;color:#7d8590;margin:0;font-size:.75rem;font-weight:600}.skill-gaps__list{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{cursor:default;border:1px solid;border-radius:.4rem;padding:.3rem .7rem;font-size:.775rem;font-weight:500}.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-radius:8px;justify-content:center;align-items:center;gap:7px;width:25vw;min-width:100px;max-width:200px;height:36px;padding:6px 12px;font-size:13px;line-height:1;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.95)}.logout-icon{font-size:16px;transition:transform .3s;display:inline-block}.button.logging-out{animation:.8s infinite logoutPulse}.button.logging-out .logout-icon{animation:.8s ease-in-out infinite logoutArrow}@keyframes logoutPulse{0%{transform:scale(1)}50%{opacity:.75;transform:scale(.96)}to{transform:scale(1)}}@keyframes logoutArrow{0%{opacity:1;transform:translate(0)}50%{opacity:.5;transform:translate(6px)}to{opacity:1;transform:translate(0)}}*{box-sizing:border-box;margin:0%;padding:0%}html,body,#root{color:#f5f5f5;background-color:#3c3535;width:100%;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.highlight{color:#d20d3b}
