.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#FFD700 #1a1a1a}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#1a1a1a}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:gold;border-radius:10px;border:2px solid #1a1a1a}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#e6c200}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-in-out forwards}.animate-fade-in-fast{animation:fadeIn .3s ease-in-out forwards}@media(min-width:720px){.interview-view{height:100vh;overflow:hidden}}.app-background{position:relative;background-color:#1a1a1a;overflow-x:hidden;z-index:1}.app-background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,215,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,215,0,.03) 1px,transparent 1px);background-size:40px 40px;opacity:.5;z-index:-2;pointer-events:none}.app-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 100% at 50% 150%,rgba(255,215,0,.07),transparent);animation:subtle-aurora 20s ease-in-out infinite alternate;z-index:-1;pointer-events:none}@keyframes subtle-aurora{0%{transform:translate(-15%)}to{transform:translate(15%)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #ffd7004d}50%{box-shadow:0 0 20px 5px #ffd70080}}.optimize-resume-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;height:40px;background-image:linear-gradient(to right,#fdb813,gold);border:none;border-radius:8px;box-shadow:0 0 10px #ffd7004d;color:#0d0d0d;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:pulse-glow 2.5s infinite}.optimize-resume-btn:hover{transform:scale(1.05);animation-play-state:paused;box-shadow:0 0 20px 5px #ffd70080}.optimize-resume-btn:active{transform:scale(1)}.explore-roles-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;height:40px;background-image:linear-gradient(to right,gold,#fdb813);border:none;border-radius:8px;box-shadow:0 0 10px gold;color:#000;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.explore-roles-btn:hover{transform:scale(1.05);box-shadow:0 0 20px 5px gold}.explore-roles-btn:active{transform:scale(1)}.briefing-loader{margin-top:1.5rem;max-width:fit-content;color:#e5e7eb;font-size:50px;position:relative;font-style:italic;font-weight:600}.briefing-loader span{animation:cut 2s infinite;transition:1s cubic-bezier(.175,.885,.32,1.275)}.briefing-loader:hover{color:gold}.briefing-loader:after{position:absolute;content:"";width:100%;height:6px;border-radius:4px;background-color:gold;top:0;filter:blur(10px);animation:scan 2s infinite;left:0;z-index:0;transition:1s cubic-bezier(.175,.885,.32,1.275)}.briefing-loader:before{position:absolute;content:"";width:100%;height:5px;border-radius:4px;background-color:gold;top:0;animation:scan 2s infinite;left:0;z-index:1;filter:opacity(.9);transition:1s cubic-bezier(.175,.885,.32,1.275)}@keyframes scan{0%{top:0}25%{top:54px}50%{top:0}75%{top:54px}}@keyframes cut{0%{clip-path:inset(0 0 0 0)}25%{clip-path:inset(100% 0 0 0)}50%{clip-path:inset(0 0 100% 0)}75%{clip-path:inset(0 0 0 0)}}.coding-sandbox-fab{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background-color:gold;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px #0006,0 0 15px #ffd70080;z-index:50;transition:all .3s ease;animation:fab-pulse 2.5s infinite}.coding-sandbox-fab:hover{transform:scale(1.1);box-shadow:0 12px 25px #00000080,0 0 25px #ffd700b3;animation-play-state:paused}.coding-sandbox-fab svg{width:36px;height:36px;color:#0d0d0d}@keyframes fab-pulse{0%{transform:scale(.95);box-shadow:0 8px 20px #0006,0 0 15px #ffd70080}70%{transform:scale(1);box-shadow:0 8px 20px #0006,0 0 25px 10px #ffd70000}to{transform:scale(.95);box-shadow:0 8px 20px #0006,0 0 15px #ffd70080}}.consent-page-layout{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:1100px;background-color:#1a1a1a;padding:2rem;border-radius:24px;border:1px solid #333;box-shadow:0 10px 30px #00000080;animation:fadeIn .5s ease-out}@media(min-width:1024px){.consent-page-layout{grid-template-columns:2fr 1fr;gap:3rem;padding:2.5rem}}.consent-main-content{display:flex;flex-direction:column}.fit-score-card{background:linear-gradient(145deg,#212121,#161616);border-radius:16px;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #333;box-shadow:0 8px 20px #0000004d;position:sticky;top:6rem}.fit-score-title{font-size:1.25rem;font-weight:700;color:gold;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.fit-score-explanation{margin-top:1.5rem;color:#d1d5db;line-height:1.6;font-size:.9rem}.fit-score-tip{margin-top:1.5rem;padding:1rem;background-color:#fca50314;border:1px solid rgba(252,165,3,.2);border-radius:8px;color:#fcd34d;font-size:.85rem;display:flex;align-items:flex-start;gap:.75rem;text-align:left}.consent-checklist{display:flex;flex-direction:column;gap:1rem}.consent-check-item{display:flex;align-items:flex-start;gap:1rem;background-color:#212121;padding:1rem;border-radius:12px;border:1px solid #333;transition:all .2s ease-in-out}.consent-check-item:hover{transform:translateY(-2px);border-color:#444}.consent-check-icon-wrapper{flex-shrink:0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#ffd7001a;border:1px solid rgba(255,215,0,.15)}.persona-selection-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #333}.persona-dropdown-container{display:flex;flex-direction:column;gap:1rem;width:100%}.persona-dropdown-label{display:flex;align-items:center;gap:1rem;text-align:left;width:100%;background-color:#212121;padding:1rem;border-radius:12px;border:1px solid #333}.persona-dropdown-label-text span{font-weight:600;color:#e5e7eb}.persona-dropdown-label-text p{font-size:.85rem;color:#9ca3af;margin-top:2px}.consent-actions{margin-top:auto;padding-top:2rem;border-top:1px solid #333;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.consent-back-btn{padding:.75rem 1.5rem;font-weight:600;border-radius:50px;border:1px solid #4b5563;background-color:transparent;color:#9ca3af;cursor:pointer;transition:all .2s ease}.consent-back-btn:hover{background-color:#374151;border-color:#6b7280;color:#e5e7eb}.consent-start-btn-new{position:relative;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:gold;border:none;color:#0d0d0d;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 5px 15px -5px #ffd70066;transition:all .3s ease;overflow:hidden}.consent-start-btn-new:hover{transform:translateY(-3px);box-shadow:0 8px 25px -5px #ffd70099}.consent-start-btn-new:active{transform:scale(.95)}.consent-start-btn-new svg{stroke:#0d0d0d;stroke-width:2;transition:all .3s ease}.consent-start-btn-new:hover svg{transform:translate(5px)}.menu{font-size:16px;color:#fff;width:100%;list-style:none;margin:0;padding:0}.menu .link{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.23,1,.32,1);background-color:#2a2a2a;border:1px solid #444;width:100%}.menu .link span{font-weight:600;color:gold}.menu .link svg{width:14px;height:14px;fill:gold;transition:all .3s cubic-bezier(.23,1,.32,1)}.menu .item{position:relative;width:100%}.menu .item .submenu{display:flex;flex-direction:column;position:absolute;top:105%;border-radius:12px;left:0;width:100%;overflow:hidden;background-color:#2a2a2a;border:1px solid #444;opacity:0;visibility:hidden;transform:translateY(-12px) scale(.95);transition:all .3s cubic-bezier(.23,1,.32,1);z-index:10;pointer-events:none;list-style:none;padding:0;margin:0;box-shadow:0 10px 20px #0000004d}.menu .item.is-open .submenu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.menu .item.is-open .link svg{transform:rotate(-180deg)}.menu .item.is-open .link{border-color:gold}.submenu .submenu-item{width:100%}.submenu .submenu-link{cursor:pointer;display:block;padding:12px 24px;width:100%;position:relative;color:#d1d5db;text-align:left;transition:background-color .2s,color .2s;background-color:transparent;border:none;font-size:1rem}.submenu .submenu-link:hover{background-color:gold;color:#0d0d0d}.interview-page-main{width:100%;display:flex;flex-direction:column;align-items:center;padding:0}.interview-content-wrapper{width:100%;min-height:100%;display:flex;flex-direction:column;background-color:#1a1a1a;border:1px solid #333;box-shadow:0 20px 50px #00000080;overflow:hidden;position:relative}.current-focus-widget{position:relative;margin:1.5rem auto 0;display:flex;align-items:center;gap:1rem;background-color:#0d0d0d99;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:.75rem 1rem;z-index:45}.interview-hud{position:relative;width:auto;margin:1.5rem;background-color:#0d0d0d99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;z-index:45}.hud-toggle-button{position:fixed;top:2.625rem;right:1.5rem;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,215,0,.2);background-color:#0d0d0d99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:gold;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all .3s ease}.interview-hud:not(.is-visible){display:none}.video-and-chat-area{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-container{flex-grow:1;overflow-y:auto;padding:1.5rem;min-height:300px}.user-video-wrapper{padding:1.5rem 1.5rem 0;display:flex;justify-content:center}.user-video-container{width:100%;max-width:320px;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background-color:#0d0d0d;border:2px solid transparent;transition:all .3s ease}.user-video-container.is-active-speaker{border-color:#43b5f4;box-shadow:0 0 15px #43b5f480}.user-video-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.interview-controls-area{flex-shrink:0;padding:.75rem 1rem;margin:0 1rem 1rem;border-radius:50px;background:#0d0d0dcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;bottom:1rem;z-index:20}@media(min-width:720px){.interview-page-main{display:grid;grid-template-columns:15fr 60fr 25fr;gap:1.5rem;padding:1.5rem;height:calc(100vh - 4rem);align-items:start;transition:grid-template-columns .4s ease-in-out}.interview-page-main.hud-is-hidden{grid-template-columns:15fr 85fr 0fr}.hud-toggle-button{top:5.5rem;right:1.5rem;z-index:50}.current-focus-widget{position:relative;margin:0;grid-column:1 / 2;grid-row:1 / 2}.interview-content-wrapper{height:100%;max-height:none;border-radius:16px;grid-column:2 / 3;grid-row:1 / 2;min-width:0;border:none}.interview-hud{position:relative;width:100%;margin:0;display:flex;grid-column:3 / 4;grid-row:1 / 2;height:100%;overflow-y:auto;background-color:#1a1a1a;border-radius:16px;border:1px solid #333;transition:opacity .3s ease,transform .4s ease-in-out,padding .4s ease-in-out,border .4s ease-in-out;opacity:1;transform:translate(0)}.interview-hud.is-visible{display:flex}.interview-hud:not(.is-visible){display:none}.interview-page-main.hud-is-hidden .interview-hud{opacity:0;pointer-events:none;overflow:hidden;padding:0;margin:0;border:none}}.hud-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,215,0,.1);padding-bottom:.75rem}.hud-title{font-size:.8rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:1px}.hud-pod-label{font-size:.7rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.vocal-analysis-main{text-align:center}.confidence-box{width:90px;height:60px;border:3px solid #FFD700;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#fff;margin:.5rem auto 0;box-shadow:0 0 20px -5px #ffd70099,inset 0 0 10px #ffd7004d}.confidence-dots{display:flex;justify-content:center;gap:6px;margin-top:.75rem}.confidence-dots span{width:8px;height:8px;background-color:#333;border-radius:50%}.confidence-dots span:nth-child(-n+4){background-color:gold}.vocal-metrics{display:flex;justify-content:space-around;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.metric-item{text-align:center}.metric-label{display:block;font-size:.65rem;color:#9ca3af;text-transform:uppercase;font-weight:600}.metric-value{display:block;font-size:1.25rem;font-weight:700;color:#fff;line-height:1.2}.keyword-resonance-list{display:flex;flex-direction:column;gap:.5rem}.keyword-item{display:flex;align-items:center;gap:.75rem;color:#9ca3af;font-size:.8rem;transition:color .4s ease}.keyword-item.matched{color:gold}.keyword-checkbox{width:14px;height:14px;border:1px solid #6b7280;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.keyword-item.matched .keyword-checkbox{border-color:gold;background-color:gold;box-shadow:0 0 8px #ffd70080}.keyword-checkbox:after{content:"✓";color:#0d0d0d;font-size:12px;font-weight:700;transform:scale(0);transition:transform .3s ease}.keyword-item.matched .keyword-checkbox:after{transform:scale(1)}.trajectory-list{display:flex;flex-direction:column;gap:.75rem}.trajectory-label{color:#9ca3af;font-size:.75rem}.trajectory-bar-wrapper{height:8px;background-color:#ffffff1a;border-radius:4px;overflow:hidden}.trajectory-bar-fill{height:100%;background-color:gold;border-radius:4px;transition:width .8s cubic-bezier(.25,1,.5,1);box-shadow:0 0 8px #ffd70080}.focus-ring-container{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center}.focus-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,215,0,.3);border-radius:50%;animation:pulse 3s infinite ease-in-out}.focus-ring:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid rgba(255,215,0,.2);border-radius:50%}.focus-core{width:30px;height:30px;background-color:gold;color:#0d0d0d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.focus-label{font-size:.65rem;font-weight:700;color:#9ca3af;letter-spacing:1px;text-transform:uppercase}.focus-topic{font-size:.9rem;font-weight:600;color:#fff;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-indicator{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.button-group{display:flex;align-items:center;gap:.75rem}.control-btn{width:44px;height:44px;border-radius:50%;border:none;background-color:#2a2a2a;color:#e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.control-btn:not(:disabled):hover{background-color:#3a3a3a}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.is-off{background-color:#4a4a4a}.control-btn .hint-count{position:absolute;top:-2px;right:-2px;background-color:gold;color:#0d0d0d;font-size:.65rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.control-btn.skip-btn{color:gold}.control-btn.skip-btn:hover:not(:disabled){background-color:#3a3a3a;color:#fff}.mic-toggle-input{display:none}.switch{width:44px;height:44px;border-radius:50%;border:none;background-color:#2a2a2a;color:#e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease;overflow:hidden}.switch:not(.opacity-50):hover{background-color:#3a3a3a}.switch.opacity-50{cursor:not-allowed}.switch .mic-on,.switch .mic-off{position:absolute;transition:opacity .2s,transform .2s;display:flex;align-items:center;justify-content:center}.switch .mic-on{opacity:0;transform:scale(.5)}.switch .mic-off{opacity:1;transform:scale(1)}.mic-toggle-input:checked+.switch{background-color:#3a3a3a;color:#fff;box-shadow:0 0 10px gold}.mic-toggle-input:checked+.switch .mic-on{opacity:1;transform:scale(1)}.mic-toggle-input:checked+.switch .mic-off{opacity:0;transform:scale(.5)}.end-interview-button{width:44px;height:44px;border-radius:50%;border:none;background-color:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.end-interview-button:not(:disabled):hover{background-color:#dc2626}.end-interview-button:disabled{opacity:.5;cursor:not-allowed}.end-interview-button svg{width:24px;height:24px}.code-editor-wrapper{margin:1rem;flex-shrink:0;background-color:#1e1e1e;border-radius:12px;border:1px solid #3c3c3c;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column}.code-editor-header{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background-color:#252526;color:#ccc;font-weight:500;font-size:.875rem;border-bottom:1px solid #3c3c3c;border-radius:12px 12px 0 0}.editor-container{min-height:250px;max-height:40vh;overflow:auto;position:relative}.editor-container .code-editor>textarea,.editor-container .code-editor>pre{padding:1rem!important;min-height:250px!important;background:none!important;caret-color:#fff!important}.editor-container .token.operator{background:none}.code-editor-footer{padding:.75rem 1rem;background-color:#252526;border-top:1px solid #3c3c3c;display:flex;justify-content:flex-end;border-radius:0 0 12px 12px}.forked-question{background-color:#212121;border-radius:1.25rem 1.25rem 1.25rem 0;border:1px solid #7c3aed;position:relative}.fork-indicator{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#a78bfa;margin-bottom:.5rem}@keyframes blink{50%{opacity:0}}.interim-user-message p:after{content:"▋";animation:blink 1s step-end infinite;margin-left:2px;color:gold;display:inline-block}@keyframes pulse{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1.2);opacity:1}}@media(max-width:800px){.interview-controls-area{flex-wrap:wrap;justify-content:center;border-radius:2rem;padding:.75rem;gap:.5rem;width:auto;max-width:95%;margin:0 auto 1rem}.status-indicator{width:100%;justify-content:center;order:1;margin-bottom:.25rem;text-align:center}.button-group{order:2;flex-wrap:nowrap;justify-content:center}}.spaceship-loader{position:absolute;top:50%;left:50%;margin-left:-50px;animation:speeder .4s linear infinite;transform:translateY(-50%)}.spaceship-loader>span{height:5px;width:35px;background:gold;position:absolute;top:-19px;left:60px;border-radius:2px 10px 1px 0}.spaceship-loader .base span{position:absolute;width:0;height:0;border-top:6px solid transparent;border-right:100px solid #ffd700;border-bottom:6px solid transparent}.spaceship-loader .base span:before{content:"";height:22px;width:22px;border-radius:50%;background:gold;position:absolute;right:-110px;top:-16px}.spaceship-loader .base span:after{content:"";position:absolute;width:0;height:0;border-top:0 solid transparent;border-right:55px solid #ffd700;border-bottom:16px solid transparent;top:-16px;right:-98px}.spaceship-loader .face{position:absolute;height:12px;width:20px;background:gold;border-radius:20px 20px 0 0;transform:rotate(-40deg);right:-125px;top:-15px}.spaceship-loader .face:after{content:"";height:12px;width:12px;background:gold;right:4px;top:7px;position:absolute;transform:rotate(40deg);transform-origin:50% 50%;border-radius:0 0 0 2px}.spaceship-loader>span>span:nth-child(1),.spaceship-loader>span>span:nth-child(2),.spaceship-loader>span>span:nth-child(3),.spaceship-loader>span>span:nth-child(4){width:30px;height:1px;background:gold;position:absolute;animation:fazer1 .2s linear infinite}.spaceship-loader>span>span:nth-child(2){top:3px;animation:fazer2 .4s linear infinite}.spaceship-loader>span>span:nth-child(3){top:1px;animation:fazer3 .4s linear infinite;animation-delay:-1s}.spaceship-loader>span>span:nth-child(4){top:4px;animation:fazer4 1s linear infinite;animation-delay:-1s}@keyframes fazer1{0%{left:0}to{left:-80px;opacity:0}}@keyframes fazer2{0%{left:0}to{left:-100px;opacity:0}}@keyframes fazer3{0%{left:0}to{left:-50px;opacity:0}}@keyframes fazer4{0%{left:0}to{left:-150px;opacity:0}}@keyframes speeder{0%{transform:translate(2px,1px) rotate(0) translateY(-50%)}10%{transform:translate(-1px,-3px) rotate(-1deg) translateY(-50%)}20%{transform:translate(-2px) rotate(1deg) translateY(-50%)}30%{transform:translate(1px,2px) rotate(0) translateY(-50%)}40%{transform:translate(1px,-1px) rotate(1deg) translateY(-50%)}50%{transform:translate(-1px,3px) rotate(-1deg) translateY(-50%)}60%{transform:translate(-1px,1px) rotate(0) translateY(-50%)}70%{transform:translate(3px,1px) rotate(-1deg) translateY(-50%)}80%{transform:translate(-2px,-1px) rotate(1deg) translateY(-50%)}90%{transform:translate(2px,1px) rotate(0) translateY(-50%)}to{transform:translate(1px,-2px) rotate(-1deg) translateY(-50%)}}.longfazers{position:absolute;width:100%;height:100%;top:0;left:0}.longfazers span{position:absolute;height:2px;width:20%;background:gold}.longfazers span:nth-child(1){top:20%;animation:lf .6s linear infinite;animation-delay:-5s}.longfazers span:nth-child(2){top:40%;animation:lf2 .8s linear infinite;animation-delay:-1s}.longfazers span:nth-child(3){top:60%;animation:lf3 .6s linear infinite}.longfazers span:nth-child(4){top:80%;animation:lf4 .5s linear infinite;animation-delay:-3s}@keyframes lf{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf2{0%{left:200%}to{left:-200%;opacity:0}}@keyframes lf3{0%{left:200%}to{left:-100%;opacity:0}}@keyframes lf4{0%{left:200%}to{left:-100%;opacity:0}}.interview-prep-loader{--path: #2f3545;--dot: #ffd700;--duration: 3s;width:44px;height:44px;position:relative}.interview-prep-loader:before{content:"";width:6px;height:6px;border-radius:50%;position:absolute;display:block;background:var(--dot);top:37px;left:19px;transform:translate(-18px,-18px);animation:dotRect var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.interview-prep-loader svg{display:block;width:100%;height:100%}.interview-prep-loader svg rect,.interview-prep-loader svg polygon,.interview-prep-loader svg circle{fill:none;stroke:var(--path);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round}.interview-prep-loader svg polygon{stroke-dasharray:145 76 145 76;stroke-dashoffset:0;animation:pathTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.interview-prep-loader svg rect{stroke-dasharray:192 64 192 64;stroke-dashoffset:0;animation:pathRect 3s cubic-bezier(.785,.135,.15,.86) infinite}.interview-prep-loader svg circle{stroke-dasharray:150 50 150 50;stroke-dashoffset:75;animation:pathCircle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}.interview-prep-loader.triangle{width:48px}.interview-prep-loader.triangle:before{left:21px;transform:translate(-10px,-18px);animation:dotTriangle var(--duration) cubic-bezier(.785,.135,.15,.86) infinite}@keyframes pathTriangle{33%{stroke-dashoffset:74}66%{stroke-dashoffset:147}to{stroke-dashoffset:221}}@keyframes dotTriangle{33%{transform:translate(0)}66%{transform:translate(10px,-18px)}to{transform:translate(-10px,-18px)}}@keyframes pathRect{25%{stroke-dashoffset:64}50%{stroke-dashoffset:128}75%{stroke-dashoffset:192}to{stroke-dashoffset:256}}@keyframes dotRect{25%{transform:translate(0)}50%{transform:translate(18px,-18px)}75%{transform:translateY(-36px)}to{transform:translate(-18px,-18px)}}@keyframes pathCircle{25%{stroke-dashoffset:125}50%{stroke-dashoffset:175}75%{stroke-dashoffset:225}to{stroke-dashoffset:275}}.generate-guide-loader{--background: linear-gradient(#ffd700, #ffd700, #ffd700);--shadow: #2f3545;--text: #ffd700;--page: #2f3545;--page-fold: #ffd700;--duration: 3s;width:200px;height:140px;position:relative}.generate-guide-loader:before,.generate-guide-loader:after{--r: -6deg;content:"";position:absolute;bottom:8px;width:120px;top:80%;box-shadow:0 16px 12px var(--shadow);transform:rotate(var(--r))}.generate-guide-loader:before{left:4px}.generate-guide-loader:after{--r: 6deg;right:4px}.generate-guide-loader div{width:100%;height:100%;border-radius:13px;position:relative;z-index:1;perspective:600px;box-shadow:0 4px 6px var(--shadow);background-image:var(--background)}.generate-guide-loader div ul{margin:0;padding:0;list-style:none;position:relative}.generate-guide-loader div ul li{--r: 180deg;--o: 0;--c: var(--page);position:absolute;top:10px;left:10px;transform-origin:100% 50%;color:var(--c);opacity:var(--o);transform:rotateY(var(--r));-webkit-animation:var(--duration) ease infinite;animation:var(--duration) ease infinite}.generate-guide-loader div ul li:nth-child(2){--c: var(--page-fold);-webkit-animation-name:page-2;animation-name:page-2}.generate-guide-loader div ul li:nth-child(3){--c: var(--page-fold);-webkit-animation-name:page-3;animation-name:page-3}.generate-guide-loader div ul li:nth-child(4){--c: var(--page-fold);-webkit-animation-name:page-4;animation-name:page-4}.generate-guide-loader div ul li:nth-child(5){--c: var(--page-fold);-webkit-animation-name:page-5;animation-name:page-5}.generate-guide-loader div ul li svg{width:90px;height:120px;display:block}.generate-guide-loader div ul li:first-child{--r: 0deg;--o: 1}.generate-guide-loader div ul li:last-child{--o: 1}.generate-guide-loader span{display:block;left:0;right:0;top:100%;margin-top:20px;text-align:center;color:var(--text);font-weight:600}@keyframes page-2{0%{transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{transform:rotateY(0)}}@keyframes page-3{15%{transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{transform:rotateY(0)}}@keyframes page-4{30%{transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{transform:rotateY(0)}}@keyframes page-5{45%{transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{transform:rotateY(0)}}.loader-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:180px;font-family:Inter,sans-serif;font-size:1.2em;font-weight:300;color:#fff;border-radius:50%;background-color:transparent;-webkit-user-select:none;user-select:none}.analysis-loader-spinner{position:absolute;top:0;left:0;width:100%;aspect-ratio:1 / 1;border-radius:50%;background-color:transparent;animation:loader-rotate 2s linear infinite;z-index:0}@keyframes loader-rotate{0%{transform:rotate(90deg);box-shadow:0 10px 20px gold inset,0 20px 30px #fdb813 inset,0 60px 60px #d4af37 inset}50%{transform:rotate(270deg);box-shadow:0 10px 20px gold inset,0 20px 10px #fdb813 inset,0 40px 60px #d4af37 inset}to{transform:rotate(450deg);box-shadow:0 10px 20px gold inset,0 20px 30px #fdb813 inset,0 60px 60px #d4af37 inset}}.loader-letter{display:inline-block;opacity:.4;transform:translateY(0);animation:loader-letter-anim 2s infinite;z-index:1;border-radius:50ch;border:none}.loader-letter:nth-child(1){animation-delay:0s}.loader-letter:nth-child(2){animation-delay:.1s}.loader-letter:nth-child(3){animation-delay:.2s}.loader-letter:nth-child(4){animation-delay:.3s}.loader-letter:nth-child(5){animation-delay:.4s}.loader-letter:nth-child(6){animation-delay:.5s}.loader-letter:nth-child(7){animation-delay:.6s}.loader-letter:nth-child(8){animation-delay:.7s}.loader-letter:nth-child(9){animation-delay:.8s}@keyframes loader-letter-anim{0%,to{opacity:.4;transform:translateY(0)}20%{opacity:1;transform:scale(1.15)}40%{opacity:.7;transform:translateY(0)}}.analysis-main-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:.5rem;background-color:#212121;border-radius:50px;border:1px solid #333;max-width:fit-content;margin-left:auto;margin-right:auto}.analysis-tab-btn{display:flex;align-items:center;padding:.5rem 1rem;border-radius:50px;border:none;background-color:transparent;color:#9ca3af;font-weight:600;cursor:pointer;transition:all .3s ease}.analysis-tab-btn:hover:not(.is-active){background-color:#333;color:#fff}.analysis-tab-btn.is-active{background-color:gold;color:#0d0d0d;box-shadow:0 0 15px #ffd70066}.analysis-tab-btn:disabled{color:#6b7280;cursor:not-allowed;opacity:.7}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:1024px){.dashboard-grid{grid-template-columns:2fr 1fr;align-items:start}}.dashboard-main-column,.dashboard-side-column{display:flex;flex-direction:column;gap:1.5rem}.dashboard-card{background-color:#1a1a1a;padding:1.5rem;border-radius:16px;border:1px solid #333;box-shadow:0 8px 32px #0003}.career-path-card{margin-bottom:1.5rem}.prep-guide-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.prep-guide-subtabs{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#FFD700 #2a2a2a}.prep-guide-subtabs::-webkit-scrollbar{height:6px}.prep-guide-subtabs::-webkit-scrollbar-track{background:#212121;border-radius:3px}.prep-guide-subtabs::-webkit-scrollbar-thumb{background-color:gold;border-radius:3px}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.transcript-container{background-color:#1a1a1a;padding:1.5rem;border-radius:16px;border:1px solid #333;box-shadow:0 8px 32px #0003;max-height:80vh;overflow-y:auto}.transcript-entry{display:flex;align-items:flex-start;gap:1rem}.transcript-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;flex-shrink:0}.transcript-bubble{background-color:#212121;padding:1rem;border-radius:12px;flex-grow:1}.transcript-entry.user .transcript-bubble{background-color:#333}.transcript-name{font-weight:600;color:gold;margin-bottom:.5rem}.transcript-entry.user .transcript-name{color:#fff}.transcript-bubble p{color:#d1d5db;line-height:1.6}.learning-path-line{position:absolute;left:20px;top:20px;bottom:20px;width:4px;background-color:#2a2a2a;border-radius:2px}.learning-module-card{position:relative;display:flex;align-items:flex-start;gap:1.5rem;padding-left:56px;margin-bottom:2rem;opacity:0;transform:translate(-20px);animation:fadeIn .5s ease-out forwards}.learning-module-card:last-child{margin-bottom:0}.module-number-wrapper{position:absolute;left:0;top:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;z-index:2}.module-number{width:44px;height:44px;border-radius:50%;background-color:#1a1a1a;border:3px solid #FFD700;color:gold;font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.learning-module-card:hover .module-number{background-color:gold;color:#0d0d0d;transform:scale(1.1);box-shadow:0 0 15px #ffd70080}.module-content{background-color:#212121;border:1px solid #333;border-radius:12px;padding:1rem 1.5rem;flex-grow:1;transition:all .3s ease}.learning-module-card:hover .module-content{border-color:#444;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.module-title{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.5rem}.module-reasoning{font-size:.9rem;color:#9ca3af;font-style:italic;border-left:3px solid #ffd700;padding-left:.75rem;margin-bottom:1rem}.module-resources-title{font-weight:600;color:#e5e7eb;margin-bottom:.5rem}.module-resources-list{list-style-type:none;padding:0;font-size:.9rem;color:#d1d5db;space-y:.5rem}.module-resources-list li{position:relative;padding-left:1.25rem}.module-resources-list li:before{content:"⚡️";position:absolute;left:0;top:1px}.module-resources-list li strong{color:#fea;font-weight:600}@media(max-width:520px){.analysis-main-tabs{max-width:100%;justify-content:flex-start;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.analysis-main-tabs::-webkit-scrollbar{display:none}.analysis-tab-btn{flex-shrink:0}}@keyframes gradient-move{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes subtle-glow{0%,to{box-shadow:0 0 15px -5px #ffd7004d}50%{box-shadow:0 0 25px #ffd70080}}.landing-container{width:100%;overflow-x:hidden;position:relative;background-color:#0d0d0d}#neural-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.landing-hero{min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:2rem;z-index:10;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:800px;animation:fadeIn 1s ease-in-out}.hero-headline{background:-webkit-linear-gradient(45deg,#FFEEAA,#FFD700,#FDB813);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,215,0,.2)}.get-started-btn{padding:.8rem 2.5rem;border-radius:50px;border:2px solid #FFD700;background:transparent;color:gold;font-weight:600;font-size:1.1rem;cursor:pointer;position:relative;overflow:hidden;transition:color .4s ease-in-out;z-index:1}.get-started-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:gold;transition:width .4s ease-in-out;z-index:-1}.get-started-btn:hover{color:#0d0d0d;animation:subtle-glow 2s infinite alternate}.get-started-btn:hover:before{width:100%}.get-started-loader-container{display:flex;justify-content:center;align-items:center;height:58px}.loader{scale:2;height:50px;width:40px}.box{position:relative;opacity:0;left:10px}.side-left{position:absolute;background-color:#b8860b;width:19px;height:5px;transform:skew(0,-25deg);top:14px;left:10px}.side-right{position:absolute;background-color:#daa520;width:19px;height:5px;transform:skew(0,25deg);top:14px;left:-9px}.side-top{position:absolute;background-color:gold;width:20px;height:20px;rotate:45deg;transform:skew(-20deg,-20deg)}.box-1{animation:from-left 4s infinite}.box-2{animation:from-right 4s infinite;animation-delay:1s}.box-3{animation:from-left 4s infinite;animation-delay:2s}.box-4{animation:from-right 4s infinite;animation-delay:3s}@keyframes from-left{0%{z-index:20;opacity:0;translate:-20px -6px}20%{z-index:10;opacity:1;translate:0px 0px}40%{z-index:9;translate:0px 4px}60%{z-index:8;translate:0px 8px}80%{z-index:7;opacity:1;translate:0px 12px}to{z-index:5;translate:0px 30px;opacity:0}}@keyframes from-right{0%{z-index:20;opacity:0;translate:20px -6px}20%{z-index:10;opacity:1;translate:0px 0px}40%{z-index:9;translate:0px 4px}60%{z-index:8;translate:0px 8px}80%{z-index:7;opacity:1;translate:0px 12px}to{z-index:5;translate:0px 30px;opacity:0}}@property --x{syntax: "<percentage>"; inherits: false; initial-value: 50%;}.micro-dose-card{position:relative;max-width:600px;margin:0 auto;background-color:transparent;border-radius:20px;padding:2.5rem;border:1px solid #ffd700}.micro-dose-input{width:100%;padding:1rem;background-color:#0d0d0dcc;border:1px solid #444;border-radius:12px;color:gold;font-size:1rem;resize:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.micro-dose-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.micro-dose-btn{padding:.7rem 2rem;border-radius:50px;border:1px solid #ffd700;background:transparent;color:gold;font-weight:600;cursor:pointer;transition:all .3s ease}.micro-dose-btn:not(:disabled):hover{background-color:gold;border-color:gold;color:#0d0d0d}.micro-dose-btn:disabled{opacity:.5;cursor:not-allowed}.micro-dose-response-container{margin-top:1.5rem;padding:1rem 1.5rem;background-color:#0d0d0d80;border-radius:12px;min-height:80px;display:flex;align-items:center;justify-content:center;border:1px solid #333}.micro-dose-response-text{color:gold;font-style:italic;text-align:center;animation:fadeIn .5s ease-in-out}.dots-loader{display:flex;align-items:center}.dots-loader div{background-color:gold;width:10px;height:10px;border-radius:100%;margin:0 5px;animation:dots-loader-bounce 1.4s infinite ease-in-out both}.dots-loader div:nth-child(1){animation-delay:-.32s}.dots-loader div:nth-child(2){animation-delay:-.16s}@keyframes dots-loader-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.features-section-wrapper{position:relative}#xray-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:0;transition:opacity .8s ease-in-out}#xray-canvas.is-visible{opacity:1}.feature-card{background-color:#1a1a1abf;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease,background-color .4s ease,backdrop-filter .4s ease,border-color .3s;cursor:pointer;position:relative;z-index:2}.feature-card.is-recommended{border-color:gold;box-shadow:0 10px 30px #0000004d,0 0 20px #ffd7004d}.feature-card .recommended-badge{position:absolute;top:1rem;right:1rem;background-color:gold;color:#0d0d0d;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:700;animation:fadeIn .5s ease}.feature-card:not(.has-demo):hover{transform:translateY(-10px);box-shadow:0 20px 40px #0006,0 0 30px #ffd7004d;background-color:#1a1a1a40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.feature-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.feature-modal-content{background-color:#111;padding:2.5rem;border-radius:16px;border:1px solid #FFD700;box-shadow:0 10px 30px #00000080,0 0 40px #ffd70066;width:100%;max-width:550px;position:relative;animation:fadeIn .5s ease-out}.feature-modal-close-btn{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#888;font-size:1.8rem;cursor:pointer;line-height:1;transition:color .2s,transform .2s}.feature-modal-close-btn:hover{color:#fff;transform:rotate(90deg)}.feature-card.has-demo{cursor:default}.feature-card.has-demo:hover{transform:none;box-shadow:0 10px 30px #0000004d;background-color:#1a1a1abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ffffff1a}.feature-card.is-recommended.has-demo:hover{border-color:gold;box-shadow:0 10px 30px #0000004d,0 0 20px #ffd7004d}.micro-demo-wrapper{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.gauge-container{position:relative;width:100px;height:100px;margin:0 auto 1rem}.gauge-svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-background{fill:none;stroke:#333;stroke-width:12}.gauge-progress{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .3s ease,stroke .3s ease}.gauge-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff}.demo-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#333;outline:none;border-radius:3px;margin-top:1rem;cursor:pointer}.demo-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:gold;cursor:pointer;border-radius:50%;border:3px solid #0d0d0d;box-shadow:0 0 5px #ffd70080}.demo-slider::-moz-range-thumb{width:14px;height:14px;background:gold;cursor:pointer;border-radius:50%;border:3px solid #0d0d0d;box-shadow:0 0 5px #ffd70080}.demo-explanation{text-align:center;color:#9ca3af;font-size:.85rem;margin-top:.75rem;min-height:40px}.quiz-section-container{position:relative;background-color:transparent}.quiz-card{max-width:700px;width:100%;margin:0 auto;background-color:transparent;border:1px solid #ffd700;border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000004d;min-height:420px;display:flex;flex-direction:column;justify-content:space-between}.quiz-progress-bar-container{width:100%;background-color:#2a2a2a;border-radius:5px;height:8px;margin-bottom:2rem}.quiz-progress-bar{height:100%;background-color:gold;border-radius:5px;transition:width .4s ease-in-out}.quiz-question-text{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:2rem;line-height:1.4;min-height:100px}.quiz-answers-grid{display:grid;grid-template-columns:1fr;gap:1rem}.quiz-answer-btn{width:100%;text-align:left;padding:1rem;border:1px solid #ffd700;background-color:transparent;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;position:relative}.quiz-answer-btn:hover{background-color:gold;color:#000;border:2px solid black;transform:translateY(-2px)}.quiz-answer-btn.is-selected{background-color:gold;border:1px solid black;color:#000;font-weight:600}.quiz-result-card{text-align:center}.quiz-result-subtitle{color:#9ca3af;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-size:.8rem;margin-bottom:.5rem}.quiz-result-title{font-size:2.5rem;font-weight:700;color:gold;margin-bottom:1rem}.quiz-result-description{color:#d1d5db;max-width:500px;margin:0 auto 1.5rem;line-height:1.6}.quiz-result-tip-card{background-color:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:1rem;text-align:left}.quiz-result-tip-card p{color:#e5e7eb}.quiz-result-tip-card strong{color:#fea;font-weight:600}.quiz-result-recommendation{margin-top:1.5rem;font-size:.9rem;color:#9ca3af}.quiz-result-recommendation strong{color:#fff;font-weight:600}.quiz-restart-btn{margin-top:2rem;background:transparent;border:1px solid #ffd700;color:gold;padding:.6rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease}.quiz-restart-btn:hover{background-color:gold;border-color:#000;color:#000}.path-selector-container{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.path-selector-btn{padding:.75rem 1.5rem;border-radius:50px;border:1px solid #555;background-color:#2a2a2a;color:#ccc;font-weight:600;cursor:pointer;transition:all .3s ease}.path-selector-btn:hover{background-color:#3a3a3a;border-color:#777}.path-selector-btn.is-selected{background-color:gold;border-color:gold;color:#0d0d0d;box-shadow:0 0 15px #ffd70066}.dynamic-content-container{transition:opacity .5s ease-in-out}.dynamic-content-container.is-hidden{opacity:.5;pointer-events:none}.career-journey-section{position:relative;padding:6rem 0}.career-journey-container{position:relative;max-width:800px;margin:0 auto;height:1200px}.career-path-svg-container{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:100%;pointer-events:none}.career-path-line{stroke:gold;stroke-width:3;fill:none;transition:stroke-dashoffset .5s linear}.journey-milestone{position:absolute;width:50%;padding:1rem;transition:opacity .4s ease}.journey-milestone.is-faded{opacity:.4}.journey-milestone.is-highlighted .journey-card{box-shadow:0 0 25px #ffd70080,0 0 10px #ffd7004d inset;border-color:#ffd700b3}.journey-milestone.is-highlighted .milestone-node{background-color:gold;transform:translateY(-50%) scale(1.2);box-shadow:0 0 15px gold}.journey-milestone:nth-child(odd){left:0;text-align:right;padding-right:3rem}.journey-milestone:nth-child(2n){left:50%;text-align:left;padding-left:3rem}.milestone-node{position:absolute;top:50%;width:20px;height:20px;background-color:#1a1a1a;border:4px solid #ffd700;border-radius:50%;transform:translateY(-50%) scale(0);transition:transform .5s ease-in-out,background-color .3s,box-shadow .3s}.journey-milestone:nth-child(odd) .milestone-node{right:-10px}.journey-milestone:nth-child(2n) .milestone-node{left:-10px}.milestone-node.is-visible{transform:translateY(-50%) scale(1)}.journey-card{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out,box-shadow .3s,border-color .3s;transition-delay:.2s;background-color:#1a1a1acc;padding:1rem;border-radius:12px;border:1px solid #333}.journey-card.is-visible{opacity:1;transform:translateY(0)}.milestone-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.feature-title-link{display:inline-flex;align-items:center;gap:.5rem;color:gold;font-weight:600;margin-bottom:.75rem}.feature-title-link .icon{width:1.25rem;height:1.25rem}.milestone-description{color:#9ca3af;font-size:.9rem;line-height:1.6;transition:color .3s}.journey-milestone.is-highlighted .milestone-description{color:#e5e7eb}.dynamic-desc{min-height:54px}.persona-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.persona-card{background-color:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.persona-card.is-recommended{border-color:gold;box-shadow:0 0 20px #ffd7004d}.recommendation-badge{position:absolute;top:10px;right:10px;background-color:gold;color:#0d0d0d;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:700;animation:fadeIn .5s ease}.persona-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;border:2px solid transparent;transition:border-color .3s ease}.persona-card:hover,.persona-card.is-selected{transform:translateY(-5px);background-color:#212121}.persona-card.is-selected:before{border-color:gold}.persona-card-icon{width:40px;height:40px;color:gold;margin:0 auto 1rem}.persona-card-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.persona-card-description{font-size:.85rem;color:#9ca3af;line-height:1.5}.tip-card-container{margin-top:3rem;min-height:140px;display:flex;align-items:center;justify-content:center}.tip-card{max-width:600px;width:100%;margin:0 auto;background-color:#ffd7000d;border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:1.5rem}.tip-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.tip-card-title{font-weight:600;color:#fea}.tip-card-text{color:#d1d5db;line-height:1.6}.persona-interaction-container{max-width:600px;width:100%}.persona-question{color:#d1d5db;font-style:italic;margin-bottom:1rem;text-align:center}.persona-answer-textarea{width:100%;padding:.75rem 1rem;background-color:#0d0d0dcc;border:1px solid #444;border-radius:12px;color:#eee;font-size:.9rem;resize:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;min-height:80px}.persona-answer-textarea:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px #ffd70033}.persona-submit-btn{margin-top:1rem;padding:.6rem 1.5rem;border-radius:50px;border:1px solid #666;background:#2a2a2a;color:#ccc;font-weight:600;cursor:pointer;transition:all .3s ease}.persona-submit-btn:not(:disabled):hover{background-color:gold;border-color:gold;color:#0d0d0d}.persona-submit-btn:disabled{opacity:.5;cursor:not-allowed}.persona-feedback-card{margin-top:1rem;padding:1rem 1.5rem;background-color:#0d0d0d80;border:1px solid #333;min-height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px}.persona-feedback-text{color:#d1d5db;font-style:italic;text-align:center}.login-signup-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:50px;background-color:transparent;color:gold;border:1px solid #FFD700;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.login-signup-btn:hover{background-color:gold;color:#0d0d0d;box-shadow:0 0 15px #ffd70080}.login-signup-btn svg{width:1.25rem;height:1.25rem}.form-container{max-width:400px;width:100%;background-color:transparent;border:1px solid #ffd700;padding:32px 24px;font-size:14px;font-family:inherit;color:#fff;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;border-radius:16px;margin:0 auto}.form-container button:active{scale:.95}.form-container .form{display:flex;flex-direction:column;gap:20px}.form-container .form-group{display:flex;flex-direction:column;gap:2px}.form-container .form-group label{display:block;margin-bottom:5px;color:gold;font-weight:600;font-size:12px}.form-container .form-group input,.form-container .form-group textarea{width:100%;padding:12px 16px;border-radius:8px;color:gold;font-family:inherit;background-color:transparent;border:1px solid #ffd700}.form-container .form-group textarea{resize:none;height:96px}.form-container .form-group input:focus,.form-container .form-group textarea:focus{outline:none;border-color:gold}.form-container .form-submit-btn{display:flex;align-items:center;justify-content:center;align-self:flex-start;font-family:inherit;color:gold;font-weight:600;width:auto;min-width:120px;min-height:45px;background:transparent;border:1px solid #ffd700;padding:12px 16px;font-size:inherit;gap:8px;margin-top:8px;cursor:pointer;border-radius:6px;transition:all .2s ease-in-out}.form-container .form-submit-btn:hover:not(:disabled){background-color:gold;color:#000}.form-container .form-submit-btn:disabled{cursor:not-allowed;opacity:.7}.loading svg polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.loading svg polyline#back{fill:none;stroke:#ffd70025}.loading svg polyline#front{fill:none;stroke:gold;stroke-dasharray:48,144;stroke-dashoffset:192;animation:dash_682 1.4s linear infinite}@keyframes dash_682{72.5%{opacity:0}to{stroke-dashoffset:0}}.landing-footer{background-color:#080808;border-top:1px solid #2a2a2a;padding:2rem 1rem;text-align:center;color:#9ca3af}.landing-footer a{color:gold;text-decoration:none;transition:color .2s,text-shadow .2s}.landing-footer a:hover{color:#fea;text-shadow:0 0 5px rgba(255,215,0,.5)}@media(max-width:768px){.career-journey-section{padding:4rem 0}.career-journey-container{height:auto;display:flex;flex-direction:column;gap:3rem}.career-path-svg-container{display:none}.journey-milestone{position:relative;width:90%;max-width:400px;left:auto;top:auto;margin:0 auto;padding:0;text-align:center;opacity:1!important}.journey-milestone:nth-child(odd),.journey-milestone:nth-child(2n){left:auto;padding:0;text-align:center;width:100%}.milestone-node{display:none}.journey-card{transform:none!important;opacity:1!important}.feature-title-link{justify-content:center}.persona-quiz-section{padding-top:4rem;padding-bottom:4rem}.persona-quiz-section .text-center h2{font-size:2.25rem;line-height:2.5rem}.persona-cards-grid{grid-template-columns:1fr}.quiz-card{padding:1.5rem}.quiz-question-text{font-size:1.25rem}}:root{--auth-transition-duration: .5s}.auth-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden;background-color:#0d0d0d}#auth-bg-video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-3;transform:translate(-50%) translateY(-50%);background-size:cover;filter:brightness(.5)}.auth-video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0d0dbf;z-index:-2}.spotlight{position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);pointer-events:none;z-index:-1;transition:transform .1s ease-out;will-change:transform}.auth-container{width:100%;max-width:420px;background:#1a1a1a99;border-radius:24px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000005e;position:relative;overflow:hidden;padding:2.5rem}.form-title{font-size:2rem;font-weight:700;color:#fff;text-align:center;margin-bottom:2rem;letter-spacing:-1px}.input-group{position:relative;margin-bottom:1.5rem}.auth-input{width:100%;padding:.75rem 0;font-size:1rem;color:#e5e7eb;background-color:transparent;border:none;border-bottom:2px solid #4b5563;outline:none;transition:border-color .3s}.auth-input:focus{border-bottom-color:gold}.auth-input-label{position:absolute;top:.75rem;left:0;font-size:1rem;color:#9ca3af;pointer-events:none;transition:all .3s ease}.auth-input:focus+.auth-input-label,.auth-input:not(:placeholder-shown)+.auth-input-label{top:-1.25rem;font-size:.8rem;color:gold}.auth-submit-btn{width:100%;padding:.8rem 1rem;border:none;border-radius:8px;background:linear-gradient(90deg,#fdb813,gold);color:#0d0d0d;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd70033}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd7004d}.auth-toggle-link{text-align:center;margin-top:1.5rem;color:#9ca3af}.auth-toggle-link button{color:gold;font-weight:600;background:none;border:none;cursor:pointer;transition:text-shadow .3s}.auth-toggle-link button:hover{text-shadow:0 0 5px rgba(255,215,0,.5)}.divider{display:flex;align-items:center;text-align:center;color:#6b7280;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #4b5563}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}.social-login-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:1px solid #4b5563;border-radius:8px;background-color:transparent;color:#e5e7eb;cursor:pointer;transition:all .3s ease}.social-login-btn:hover{background-color:#ffffff0d;border-color:#6b7280}.back-to-app-btn{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:8px;color:#9ca3af;text-decoration:none;transition:color .3s;background:none;border:none;cursor:pointer;z-index:10}.back-to-app-btn:hover{color:#fff}.tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;transition:opacity .3s ease-in-out}.tour-spotlight{position:fixed;border-radius:8px;box-shadow:0 0 0 9999px #0d0d0dcc;z-index:9999;transition:top .4s ease-in-out,left .4s ease-in-out,width .4s ease-in-out,height .4s ease-in-out}.tour-tooltip{position:fixed;background-color:#1a1a1a;border:1px solid #FFD700;border-radius:12px;padding:1.5rem;width:100%;max-width:350px;z-index:10000;box-shadow:0 10px 30px #00000080,0 0 20px #ffd70033;transition:opacity .3s ease-in-out,top .4s ease-in-out,left .4s ease-in-out;opacity:0;pointer-events:none}.tour-tooltip.visible{opacity:1;pointer-events:auto}.tour-tooltip-arrow{position:absolute;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent}.tour-tooltip-arrow.top{bottom:100%;left:50%;transform:translate(-50%);border-bottom:10px solid #FFD700}.tour-tooltip-arrow.bottom{top:100%;left:50%;transform:translate(-50%);border-top:10px solid #FFD700}.tour-tooltip-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:gold;margin-bottom:.75rem}.tour-tooltip-content{color:#d1d5db;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.tour-tooltip-footer{display:flex;align-items:center;justify-content:space-between}.tour-step-counter{font-size:.8rem;font-weight:600;color:#9ca3af}.tour-nav-buttons{display:flex;gap:.5rem}.tour-nav-btn,.tour-skip-btn{border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.tour-skip-btn{background-color:transparent;color:#9ca3af}.tour-skip-btn:hover{color:#fff}.tour-nav-btn{background-color:gold;color:#0d0d0d}.tour-nav-btn:hover{background-color:#fdb813}.tour-nav-btn:disabled{background-color:#4b5563;color:#9ca3af;cursor:not-allowed}.alt-roles-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px}.alt-roles-loader .compass{width:100px;height:100px;border-radius:50%;border:2px solid #555;background-color:#2a2a2a;position:relative;display:flex;justify-content:center;align-items:center;animation:rotate 4s linear infinite}.alt-roles-loader .arrow{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:30px solid #FFD700;position:absolute;top:10px;transform-origin:bottom center}.alt-roles-loader .center{width:10px;height:10px;background-color:gold;border-radius:50%;position:absolute}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.role-suggestion-card{background-color:#212121;border-left:4px solid #7c3aed;padding:1rem 1.5rem;border-radius:0 8px 8px 0;transition:all .2s ease-in-out}.role-suggestion-card:hover{background-color:#2a2a2a;transform:translate(5px)}.role-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.role-description{font-size:.9rem;color:#d1d5db;line-height:1.5}.company-intel-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.company-intel-modal-content{background-color:#1a1a1a;padding:2rem;border-radius:16px;border:1px solid #333;box-shadow:0 10px 30px #00000080;width:100%;max-width:500px;position:relative;min-height:320px}.company-intel-modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;line-height:1;transition:color .2s}.company-intel-modal-close-btn:hover{color:#fff}.company-intel-modal-input{width:100%;padding:.75rem 1rem;background-color:#2a2a2a;border:1px solid #444;border-radius:8px;color:#eee;font-size:1rem;transition:border-color .2s,box-shadow .2s}.company-intel-modal-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 2px #ffd70033}.company-intel-modal-skip-btn,.company-intel-modal-submit-btn{font-weight:600;border-radius:8px;border:none;cursor:pointer;font-size:.9rem}.company-intel-modal-skip-btn{padding:.6rem 1.25rem;background-color:transparent;color:#9ca3af;border:1px solid #4b5563;transition:all .2s ease-in-out}.company-intel-modal-skip-btn:not(:disabled):hover{background-color:#4b5563;color:#e5e7eb}.company-intel-modal-skip-btn:disabled{opacity:.5;cursor:not-allowed}.company-intel-modal-submit-btn{background-color:#2f3545;color:gold;width:100px;height:45px;transition:.3s}.company-intel-modal-submit-btn:not(:disabled):hover{background-color:gold;box-shadow:0 0 0 5px #2f3545;color:#2f3545}.company-intel-modal-submit-btn:disabled{background-color:#4b5563;color:#9ca3af;cursor:not-allowed;box-shadow:none}.company-intel-modal-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:220px}.company-intel-modal-result-content{max-height:350px;overflow-y:auto;padding-right:1rem;margin-right:-1rem}.company-source-link{display:inline-block;padding:6px 12px;background-color:#2a2a2a;border:1px solid #444;border-radius:16px;color:#a5b4fc;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-source-link:hover{border-color:#a5b4fc;background-color:#35355e;color:#fff}.company-intel-modal-result-content .company-source-link{font-size:.75rem;padding:4px 10px}.optimizer-modal-content{background-color:#1a1a1a;padding:2.5rem;border-radius:16px;border:1px solid #333;box-shadow:0 10px 30px #00000080;width:100%;max-width:650px;position:relative}.optimizer-modal-content .custom-scrollbar::-webkit-scrollbar-track{background:#2a2a2a}.optimizer-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px}.optimizer-loader{width:100px;height:100px;border-radius:12px;background-color:#e5e7eb;position:relative;overflow:hidden}.optimizer-loader:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(-45deg,transparent,transparent 45%,#FFD700 50%,transparent 55%,transparent 100%);animation:scan 2s linear infinite}@keyframes scan{0%{transform:translateY(0) rotate(0)}to{transform:translateY(100%) rotate(30deg)}}.suggestion-card{background-color:#212121;border:1px solid #3c3c3c;border-radius:12px;padding:1rem 1.5rem;transition:all .2s ease-in-out}.suggestion-card:not(:last-child){margin-bottom:1.5rem}.suggestion-card:hover{border-color:#555;transform:translateY(-2px)}.original-snippet{border-left:4px solid #f87171;padding:.75rem 1rem;background-color:#f871710d;border-radius:4px;font-style:italic;color:#d1d5db;quotes:"“" "”"}.original-snippet:before{content:open-quote;font-size:1.2em;font-weight:700;color:#f87171;margin-right:.25em}.original-snippet:after{content:close-quote;font-size:1.2em;font-weight:700;color:#f87171;margin-left:.25em}.suggestion-text{border-left:4px solid #4ade80;padding:.75rem 1rem;background-color:#4ade800d;border-radius:4px;color:#d1d5db}.suggestion-reasoning{font-size:.8rem;color:#9ca3af}.fancy-submit-btn{font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#fff;background-color:#171717;padding:1em 2em;border:none;border-radius:.6rem;position:relative;cursor:pointer;overflow:hidden}.fancy-submit-btn span:not(:nth-child(6)){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:30px;width:30px;background-color:gold;border-radius:50%;transition:.6s ease}.fancy-submit-btn span:nth-child(6){position:relative}.fancy-submit-btn span:nth-child(1){transform:translate(-3.3em,-4em)}.fancy-submit-btn span:nth-child(2){transform:translate(-6em,1.3em)}.fancy-submit-btn span:nth-child(3){transform:translate(-.2em,1.8em)}.fancy-submit-btn span:nth-child(4){transform:translate(3.5em,1.4em)}.fancy-submit-btn span:nth-child(5){transform:translate(3.5em,-3.8em)}.fancy-submit-btn:not(:disabled):hover span:not(:nth-child(6)){transform:translate(-50%,-50%) scale(4);transition:1.5s ease}.fancy-submit-btn:disabled{background-color:#374151;color:#9ca3af;cursor:not-allowed}.fancy-submit-btn:disabled span:not(:nth-child(6)){background-color:#6b7280}.fancy-submit-btn:disabled:hover span:not(:nth-child(6)){transform:translate(-50%,-50%) scale(1)}.download-button{display:inline-flex;width:200px;height:45px;border-radius:30em;position:relative;overflow:hidden;color:gold;font-weight:600;font-size:15px;cursor:pointer;z-index:1;background:transparent;border:2px solid #FFD700;transition:color .5s ease-in-out;align-items:center;justify-content:center}.download-button:hover{color:#0d0d0d}.download-button:active{transform:scale(.95)}.download-button:before{content:"";width:0;height:100%;border-radius:inherit;position:absolute;top:0;left:0;background-image:linear-gradient(to right,#fdb813,gold);transition:width 2s linear;z-index:-1}.download-button:hover:before{width:100%}.download-button .one,.download-button .two{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:100%}.download-button .two,.download-button:hover .one{display:none}.download-button:hover .two{display:inline-flex}.generate-btn{border:none;width:auto;padding:0 2em;min-width:210px;height:4em;border-radius:3em;display:inline-flex;justify-content:center;align-items:center;gap:12px;background:#1c1a1c;cursor:pointer;transition:all .45s ease-in-out;color:gold}.generate-btn .sparkle{fill:currentColor;transition:all .8s ease}.generate-btn .text{font-weight:600;color:currentColor;font-size:medium}.generate-btn:not(:disabled):hover{background:linear-gradient(0deg,#fdb813,gold);box-shadow:inset 0 1px #fff6,inset 0 -4px #0003,0 0 0 4px #ffd70033,0 0 180px gold;transform:translateY(-2px);color:#0d0d0d}.generate-btn:not(:disabled):hover .sparkle{transform:scale(1.2)}.generate-btn:disabled{background:#374151;cursor:not-allowed;transform:none;box-shadow:none;color:#9ca3af}.interview-btn{position:relative;padding:0 2em;transition:all .2s ease;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;height:4em;min-width:210px;justify-content:center}.interview-btn:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;border-radius:50px;background:#ffd70026;width:45px;height:45px;transition:all .3s ease}.interview-btn span{position:relative;font-size:15px;font-weight:600;letter-spacing:.05em;color:gold}.interview-btn svg{position:relative;top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:gold;stroke-width:2;transform:translate(-5px);transition:all .3s ease}.interview-btn:not(:disabled):hover:before{width:100%;background:#ffd70040}.interview-btn:not(:disabled):hover svg{transform:translate(0)}.interview-btn:active{transform:scale(.95)}.interview-btn:disabled{cursor:not-allowed;opacity:.5;color:#9ca3af}.interview-btn:disabled:before{background:#9ca3af1a;width:100%}.interview-btn:disabled:hover:before{width:100%}.interview-btn:disabled svg{stroke:#9ca3af;transform:translate(-5px)}.interview-btn:disabled:active{transform:none}.download-analysis-btn{--width: 180px;--height: 45px;--tooltip-height: 35px;--tooltip-width: 180px;--gap-between-tooltip-to-button: 18px;--button-color: #1a1a1a;--tooltip-color: #ffd700;width:var(--width);height:var(--height);background:var(--button-color);position:relative;text-align:center;border-radius:.45em;font-family:Arial,sans-serif;transition:background .3s;border:1px solid #444;cursor:pointer}.download-analysis-btn:before{position:absolute;content:attr(data-tooltip);width:var(--tooltip-width);height:var(--tooltip-height);background-color:var(--tooltip-color);font-size:.9rem;color:#111;border-radius:.25em;line-height:var(--tooltip-height);bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) + 10px);left:calc(50% - var(--tooltip-width) / 2)}.download-analysis-btn:after{position:absolute;content:"";width:0;height:0;border-top-color:var(--tooltip-color);left:calc(50% - 10px);bottom:calc(100% + var(--gap-between-tooltip-to-button) - 10px)}.download-analysis-btn:after,.download-analysis-btn:before{opacity:0;visibility:hidden;transition:all .5s}.download-analysis-btn-wrapper .download-analysis-btn-text{display:flex;align-items:center;justify-content:center}.download-analysis-btn-wrapper,.download-analysis-btn-wrapper .download-analysis-btn-text,.download-analysis-btn-wrapper .download-analysis-btn-icon{overflow:hidden;position:absolute;width:100%;height:100%;left:0;color:gold}.download-analysis-btn-wrapper .download-analysis-btn-text{top:0}.download-analysis-btn-wrapper .download-analysis-btn-text,.download-analysis-btn-wrapper .download-analysis-btn-icon{transition:top .5s}.download-analysis-btn-wrapper .download-analysis-btn-icon{color:gold;top:100%;display:flex;align-items:center;justify-content:center}.download-analysis-btn-wrapper .download-analysis-btn-icon svg{width:24px;height:24px}.download-analysis-btn:hover{background:#2a2a2a}.download-analysis-btn:hover .download-analysis-btn-text{top:-100%}.download-analysis-btn:hover .download-analysis-btn-icon{top:0}.download-analysis-btn:hover:before,.download-analysis-btn:hover:after{opacity:1;visibility:visible}.download-analysis-btn:hover:after{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button) - 20px)}.download-analysis-btn:hover:before{bottom:calc(var(--height) + var(--gap-between-tooltip-to-button))}.toolkit-btn{display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:16px;font-weight:500;letter-spacing:.4px;color:gold;background-color:#1a1a1a;border-style:solid;border-width:2px 2px 2px 2px;border-color:gold;border-radius:40px;padding:16px 24px 16px 28px;transform:translate(0) rotate(0);transition:.2s;box-shadow:-4px -2px 16px gold,4px 2px 16px gold;cursor:pointer;min-width:250px}.toolkit-btn span{font-weight:600}.toolkit-btn:hover:not(:disabled){color:#000;background-color:gold;box-shadow:-2px -1px 8px #000,2px 1px 8px gold}.toolkit-btn:active:not(:disabled){box-shadow:none}.toolkit-btn:disabled{cursor:not-allowed;background-color:transparent;color:gold;box-shadow:none}.sandbox-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.sandbox-modal-content{background-color:#1a1a1a;border:1px solid #333;box-shadow:0 10px 30px #00000080;width:100%;max-width:900px;height:90vh;position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden}.sandbox-modal-header{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #333;flex-shrink:0}.sandbox-modal-header svg{width:32px;height:32px;color:gold}.sandbox-modal-header h2{font-size:1.5rem;font-weight:700;color:#fff}.sandbox-modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;line-height:1;transition:color .2s;z-index:10}.sandbox-modal-close-btn:hover{color:#fff}.sandbox-main-content{flex-grow:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.sandbox-question-section,.sandbox-editor-section,.sandbox-results-section{background-color:#212121;border:1px solid #3c3c3c;border-radius:12px;padding:1.5rem}.sandbox-question-section h3,.sandbox-results-section h3{font-size:1.1rem;font-weight:600;color:gold;margin-bottom:1rem}.sandbox-question-section p{color:#d1d5db;line-height:1.6;white-space:pre-wrap}.sandbox-tech-tag{display:inline-block;background-color:gold;color:#0d0d0d;padding:4px 12px;border-radius:16px;font-size:.8rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.code-editor{background-color:#1e1e1e!important;border-radius:8px;min-height:250px;border:1px solid #3c3c3c}.code-editor>textarea,.code-editor>pre{padding:1rem!important;min-height:250px!important;background:none!important;caret-color:#fff!important}.code-editor .token.operator{background:none}.sandbox-modal-footer{padding:1rem 1.5rem;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:1rem;flex-shrink:0}.sandbox-check-btn{background-color:#2f3545;color:gold;width:140px;height:45px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:.3s}.sandbox-check-btn:not(:disabled):hover{background-color:gold;box-shadow:0 0 0 5px #2f3545;color:#2f3545}.sandbox-check-btn:disabled{background-color:#4b5563;color:#9ca3af;cursor:not-allowed;box-shadow:none}.sandbox-next-btn{background-color:transparent;color:#9ca3af;width:140px;height:45px;border-radius:8px;border:1px solid #4b5563;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.sandbox-next-btn:not(:disabled):hover{background-color:#4b5563;color:#e5e7eb}.sandbox-next-btn:disabled{color:#6b7280;border-color:#374151;cursor:not-allowed}.analysis-result-container{display:flex;gap:2rem;align-items:flex-start}.analysis-score-gauge{position:relative;width:100px;height:100px;flex-shrink:0}.analysis-score-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg,.gauge-fg{fill:none;stroke-width:10}.gauge-bg{stroke:#333}.gauge-fg{stroke-linecap:round;transition:stroke-dashoffset .8s ease-out,stroke .3s ease}.gauge-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.gauge-score{font-size:2.5rem;font-weight:700;color:#fff}.gauge-total{font-size:1rem;color:#9ca3af;margin-left:2px}.analysis-details{flex-grow:1}.analysis-reasoning{font-style:italic;color:#d1d5db;margin-bottom:1.5rem;padding-left:1rem;border-left:3px solid #555}.analysis-section{margin-bottom:1rem}.analysis-section-title{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.5rem}.analysis-section-title.error{color:#f87171}.analysis-section-title.suggestion{color:#facc15}.analysis-section-title.success{color:#4ade80}.analysis-section ul{list-style-type:none;padding-left:0;color:#9ca3af;font-size:.9rem}.analysis-section ul li{position:relative;padding-left:1.25rem;margin-bottom:.25rem}.analysis-section ul li:before{content:"▸";position:absolute;left:0;color:#666}.analysis-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.analysis-loader .scanner{width:100px;height:20px;background-color:#ffd7001a;position:relative;border-radius:4px}.analysis-loader .scanner span{position:absolute;top:0;left:0;width:100%;height:4px;background-color:gold;animation:scanning 2s infinite linear;border-radius:4px}.analysis-loader p{font-weight:600;color:gold}@keyframes scanning{0%{top:0}50%{top:16px}to{top:0}}