main{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.form-container{background:#fff;border-radius:12px;width:min(100%,350px);padding:2rem;box-shadow:0 6px 18px #00000026}.form-container h1{text-align:center;color:#412985;margin-bottom:1.5rem}.form-container p{color:#666;text-align:center;margin-top:1rem;font-size:.9rem}.form-container p a{color:#412985;font-weight:500;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.form-container p a:hover{color:#553d99;text-decoration:underline}.input-group{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.input-group label{color:#412985;font-weight:600}.input-group input{border:1px solid #ccc;border-radius:6px;padding:.75rem;font-size:1rem;transition:border-color .2s}.input-group input:focus{border-color:#412985;outline:none}.loader{width:120px;height:90px;margin:0 auto;position:relative}.loader:before{content:"";background:#2a9d8f;border-radius:50%;width:30px;height:30px;animation:.5s ease-in-out infinite alternate loading-bounce;position:absolute;bottom:30px;left:50px}.loader:after{content:"";border-radius:4px;width:45px;height:7px;animation:1s ease-in-out infinite loading-step;position:absolute;top:0;right:0;box-shadow:0 5px #f2f2f2,-35px 50px #f2f2f2,-70px 95px #f2f2f2}@keyframes loading-bounce{0%{transform:scaleY(.7)}40%{transform:scale(.8,1.2)}60%{transform:scale(1)}to{bottom:140px}}@keyframes loading-step{0%{box-shadow:0 10px #0000,0 10px #f2f2f2,-35px 50px #f2f2f2,-70px 90px #f2f2f2}to{box-shadow:0 10px #f2f2f2,-35px 50px #f2f2f2,-70px 90px #f2f2f2,-70px 90px #0000}}.button{cursor:pointer;border:none;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:background .2s}.button.primary-button{color:#fff;background:#412985;transition:border-radius 1s}.button.primary-button:hover{border-radius:25px}.button:active{background:#d3c7b8}main{flex-direction:column;min-height:100vh;display:flex}.home-wrapper{justify-content:center;align-items:center;min-height:100vh;display:flex}.home{background:#ffffffb3;border-radius:12px;gap:2rem;width:90%;max-width:1200px;margin:auto;padding:2rem;display:flex;box-shadow:0 4px 12px #41298533}.home .left,.home .right{flex-direction:column;flex:1;display:flex}.home .left textarea{resize:vertical;color:#412985;background:#fff;border:2px solid #412985;border-radius:8px;outline:none;width:100%;min-height:300px;padding:1rem;font-size:1rem;transition:border-color .3s,box-shadow .3s;overflow-y:auto}.home .left textarea:focus{border-color:#785ac8;box-shadow:0 0 8px #41298566}.home .right{flex-direction:column;gap:1.5rem;display:flex}.home .right .input-group{flex-direction:column;gap:.5rem;display:flex}.home .right .input-group label{color:#412985;font-size:.9rem;font-weight:600}.home .right .input-group input[type=file],.home .right .input-group textarea{color:#412985;background:#fff;border:2px solid #412985;border-radius:6px;outline:none;padding:.6rem;font-size:.95rem;transition:border-color .3s,box-shadow .3s;overflow-y:auto}.home .right .input-group input[type=file]:focus,.home .right .input-group textarea:focus{border-color:#785ac8;box-shadow:0 0 8px #41298566}.home .right .genrate-btn{color:#fff;cursor:pointer;background:#412985;border:none;border-radius:6px;padding:.8rem 1.2rem;font-size:1rem;font-weight:600;transition:background .3s,transform .2s}.home .right .genrate-btn:hover{background:#5a3ca0;transform:translateY(-2px)}.home .right .genrate-btn:active{background:#321e64;transform:translateY(0)}@media (width<=768px){.home{flex-direction:column;gap:1.5rem}}.recent-reports{background:#f0f0ff99;border-radius:10px;width:90%;max-width:1200px;margin:2rem auto;padding:1.5rem;box-shadow:0 2px 8px #41298526}.recent-reports h2{color:#412985;text-align:center;margin-bottom:1rem;font-size:1.4rem;font-weight:700}.recent-reports .reports-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.recent-reports .reports-list .report-item{cursor:pointer;background:#fff;border:2px solid #412985;border-radius:8px;padding:1rem;transition:transform .2s,box-shadow .3s}.recent-reports .reports-list .report-item h3{color:#412985;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.recent-reports .reports-list .report-item .report-meta{color:#555;margin-bottom:.5rem;font-size:.85rem}.recent-reports .reports-list .report-item .match-score{font-size:.9rem;font-weight:600}.recent-reports .reports-list .report-item.score--high{color:#2e7d32}.recent-reports .reports-list .report-item.score--mid{color:#f9a825}.recent-reports .reports-list .report-item.score--low{color:#c62828}.recent-reports .reports-list .report-item:hover{transform:translateY(-3px);box-shadow:0 4px 12px #41298540}.recent-reports .reports-list .report-item:active{transform:translateY(0);box-shadow:0 2px 6px #41298533}@media (width<=768px){.home{flex-direction:column;gap:1.5rem}.recent-reports{padding:1rem}.recent-reports h2{font-size:1.2rem}.recent-reports .reports-list .report-item{padding:.8rem}}.spinner{width:44px;height:44px;transform-style:preserve-3d;animation:2s infinite spinner-y0fdc1}.spinner>div{background-color:#004dff33;border:2px solid #004dff;width:100%;height:100%;position:absolute}.spinner div:first-of-type{transform:translateZ(-22px)rotateY(180deg)}.spinner div:nth-of-type(2){transform-origin:100% 0;transform:rotateY(-270deg)translate(50%)}.spinner div:nth-of-type(3){transform-origin:0;transform:rotateY(270deg)translate(-50%)}.spinner div:nth-of-type(4){transform-origin:top;transform:rotateX(90deg)translateY(-50%)}.spinner div:nth-of-type(5){transform-origin:bottom;transform:rotateX(-90deg)translateY(50%)}.spinner div:nth-of-type(6){transform:translateZ(22px)}@keyframes spinner-y0fdc1{0%{transform:rotate(45deg)rotateX(-25deg)rotateY(25deg)}50%{transform:rotate(45deg)rotateX(-385deg)rotateY(25deg)}to{transform:rotate(45deg)rotateX(-385deg)rotateY(385deg)}}::-webkit-scrollbar{display:none}.interview-page{color:#412985;box-sizing:border-box;background-color:#ecddca;align-items:stretch;width:100%;min-height:100vh;padding:1.5rem;font-family:system-ui,sans-serif;display:flex}.interview-layout{background-color:#f5efe6;border:1px solid #c2b5a3;border-radius:1rem;justify-content:space-between;width:100%;max-width:1280px;margin:0 auto;display:flex}.interview-divider{background-color:#c2b5a3;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:#433650;margin-bottom:.5rem;padding:0 .75rem;font-size:.7rem;font-weight:600}.interview-nav__item{color:#433650;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,sans-serif;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.interview-nav__item:hover{color:#412985;background-color:#f0e6d8;font-weight:600}.interview-nav__item:focus{outline-offset:2px;color:#412985;border-color:#d2c9bc;outline:2px solid #412985;font-weight:700}.interview-nav__item--active{color:#412985;background-color:#4129851a}.interview-nav__item--active .interview-nav__icon svg{stroke:#412985}.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 #c2b5a3;align-items:baseline;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.content-header h2{color:#412985;margin:0;font-size:1.1rem;font-weight:700}.content-header__count{color:#433650;background-color:#f0e6d8;border:1px solid #c2b5a3;border-radius:2rem;padding:.15rem .6rem;font-size:.8rem}.q-list{flex-direction:column;gap:.75rem;display:flex}.q-card{background-color:#f0e6d8;border:1px solid #c2b5a3;border-radius:.6rem;transition:border-color .2s;overflow:hidden}.q-card:hover{border-color:#d2c9bc}.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:#412985;background-color:#4129851a;border:1px solid #41298533;border-radius:.3rem;flex-shrink:0;margin-top:2px;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.q-card__question{color:#412985;flex:1;margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.q-card__chevron{color:#433650;flex-shrink:0;margin-top:2px;transition:transform .2s}.q-card__chevron--open{color:#412985;transform:rotate(180deg)}.q-card__body{border-top:1px solid #c2b5a3;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:#69557e;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(#412985,#4129851a);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:#f5efe6;border:2px solid #412985;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:#412985;background-color:#4129851f;border:1px solid #41298540;border-radius:2rem;padding:.1rem .5rem;font-size:.7rem;font-weight:600}.roadmap-day__focus{color:#412985;margin:0;font-size:1rem;font-weight:700}.roadmap-day__tasks{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.roadmap-day__tasks li{color:#624f75;align-items:flex-start;gap:.5rem;font-size:.845rem;line-height:1.5;display:flex}.roadmap-day__bullet{background-color:#433650;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:#c2b5a3;height:1px}.match-score{flex-direction:column;align-items:center;gap:.6rem;display:flex}.match-score__label{text-transform:uppercase;letter-spacing:.08em;color:#433650;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:#d2691e}.match-score__ring.score--low{border-color:#b22222}.match-score__value{color:#412985;font-size:1.6rem;font-weight:800;line-height:1}.match-score__pct{color:#433650;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:#433650;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:#b22222;background-color:#b222221a;border-color:#b2222240}.skill-tag--medium{color:#d2691e;background-color:#d2691e1a;border-color:#d2691e40}.skill-tag--low{color:#3fb950;background-color:#3fb9501a;border-color:#3fb95040}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#412985;background-color:#ecddca;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,sans-serif;display:flex}