@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";main.auth-page-wrapper{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;background-color:var(--bg-primary);overflow:hidden;padding:2rem}main.auth-page-wrapper .auth-glow{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(120px);z-index:0;opacity:.45;pointer-events:none}main.auth-page-wrapper .auth-glow-1{background:var(--pink);top:-80px;left:-80px}main.auth-page-wrapper .auth-glow-2{background:var(--border-dark);bottom:-80px;right:-80px}main.auth-page-wrapper .form-container{position:relative;z-index:1;width:100%;max-width:440px;background:var(--slate-card);border:1px solid var(--border-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 40px #fa709a14;padding:3rem 2.5rem;display:flex;flex-direction:column;gap:1.75rem}@media(max-width:480px){main.auth-page-wrapper .form-container{padding:2.25rem 1.5rem}}main.auth-page-wrapper .auth-header{text-align:center}main.auth-page-wrapper .auth-header .auth-logo{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;cursor:pointer;text-decoration:none}main.auth-page-wrapper .auth-header .auth-logo .logo-icon{color:var(--pink)}main.auth-page-wrapper .auth-header .auth-logo .logo-text{font-family:var(--font-primary);font-weight:800;font-size:1.15rem;letter-spacing:-.01em;color:#fff}main.auth-page-wrapper .auth-header .auth-logo .logo-text .logo-highlight{color:var(--pink)}main.auth-page-wrapper .auth-header h1{font-size:1.85rem;color:#fff;font-weight:700;letter-spacing:-.01em}main.auth-page-wrapper .auth-header p{color:var(--text-muted);font-size:.88rem;margin-top:.4rem}main.auth-page-wrapper form{display:flex;flex-direction:column;gap:1.25rem}main.auth-page-wrapper .input-group{display:flex;flex-direction:column;gap:.4rem}main.auth-page-wrapper .input-group label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}main.auth-page-wrapper .input-group input{border:1.5px solid var(--border-dark);outline:none;background:var(--dark-bg);color:#fff;font-size:.95rem;padding-inline:1rem;padding-block:.8rem;border-radius:var(--radius-md);transition:all .25s cubic-bezier(.16,1,.3,1);width:100%}main.auth-page-wrapper .input-group input::placeholder{color:var(--text-sub)}main.auth-page-wrapper .input-group input:focus{border-color:var(--pink);background:var(--dark-bg);box-shadow:0 0 0 3px var(--pink-glow)}main.auth-page-wrapper .auth-button{margin-top:.5rem;width:100%;padding:.85rem;font-size:.98rem;border-radius:var(--radius-md)}main.auth-page-wrapper .auth-footer-text{text-align:center;font-size:.88rem;color:var(--text-muted)}main.auth-page-wrapper .auth-footer-text a{color:var(--pink);text-decoration:none;font-weight:700;transition:color .2s ease;margin-left:.25rem}main.auth-page-wrapper .auth-footer-text a:hover{color:var(--pink-light);text-decoration:underline}.dashboard-layout{min-height:100vh;width:100%;background-color:var(--dark-bg);display:flex;flex-direction:column}.home-page{max-width:1100px;width:100%;margin:0 auto;padding:3rem 2rem 5rem;display:flex;flex-direction:column;gap:3rem;animation:pageFadeIn .5s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.home-page{padding:2rem 1.25rem 4rem;gap:2.25rem}}.page-header{text-align:center;max-width:700px;margin:0 auto}.page-header h1{font-size:2.4rem;line-height:1.2;margin-bottom:.75rem;color:#fff;font-weight:800}.page-header p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.interview-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;background:var(--slate-card);border:1px solid var(--border-dark);box-shadow:var(--shadow-md)}.interview-card__body{display:flex;min-height:480px}@media(max-width:768px){.interview-card__body{flex-direction:column;min-height:auto}}.interview-card__footer{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;border-top:1px solid var(--border-dark);background:#0a0b0e73}@media(max-width:640px){.interview-card__footer{flex-direction:column;gap:1.25rem;text-align:center;padding:1.5rem}}.interview-card__footer .footer-info{font-size:.82rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:.5rem}.interview-card__footer .footer-info .dot{width:8px;height:8px;border-radius:50%;background-color:var(--pink);display:inline-block;box-shadow:0 0 6px var(--pink-glow)}.interview-card__footer .generate-btn{padding:.85rem 2rem;font-family:var(--font-primary);font-weight:700;font-size:.95rem;letter-spacing:-.01em;border-radius:var(--radius-md);box-shadow:0 4px 14px #fa709a4d}.panel-divider{width:1px;background-color:var(--border-dark);flex-shrink:0}@media(max-width:768px){.panel-divider{width:100%;height:1px}}.panel{flex:1;display:flex;flex-direction:column;gap:1.25rem;padding:2.25rem}@media(max-width:480px){.panel{padding:1.5rem}}.panel__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.panel__header h2{font-size:1.15rem;font-weight:700;color:#fff;flex:1}.panel__icon{display:flex;align-items:center;color:var(--pink)}.panel__icon svg{filter:drop-shadow(0 0 3px var(--pink-glow))}.panel__textarea{flex:1;width:100%;background-color:var(--dark-bg);border:1.5px solid var(--border-dark);border-radius:var(--radius-md);padding:.9rem 1.2rem;color:#fff;font-size:.92rem;resize:none;outline:none;transition:all .25s ease;line-height:1.6;min-height:200px}.panel__textarea::placeholder{color:var(--text-sub)}.panel__textarea:focus{border-color:var(--pink);background-color:var(--dark-bg);box-shadow:0 0 0 3px var(--pink-glow)}.panel__textarea--short{flex:unset;min-height:100px;height:108px}.panel--left{position:relative}.panel--left .char-counter{position:absolute;bottom:3.25rem;right:3rem;font-size:.75rem;color:var(--text-sub)}@media(max-width:480px){.panel--left .char-counter{bottom:2.25rem;right:2.25rem}}.badge{font-size:.72rem;font-weight:700;padding:.25rem .6rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-primary)}.badge--required{background-color:#e070701a;color:#e07070;border:1px solid rgba(224,112,112,.22)}.badge--best{background-color:#fa709a1f;color:var(--pink);border:1px solid rgba(250,112,154,.3)}.section-label{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-primary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem}.upload-section{display:flex;flex-direction:column;gap:.5rem}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.75rem 1.25rem;background-color:#ffffff05;border:2px dashed var(--border-dark);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center}.dropzone:hover{border-color:var(--pink);background-color:#fa709a0a}.dropzone:hover .dropzone__icon{transform:translateY(-3px);color:var(--pink)}.dropzone--has-file{border-color:var(--pink);background-color:#fa709a14}.dropzone--has-file .dropzone__icon{color:var(--pink);animation:bounceFile 1.5s infinite alternate ease-in-out}.dropzone--has-file .dropzone__title{color:#fff;font-weight:700}.dropzone--has-file .dropzone__subtitle{color:var(--pink-light);font-weight:600}.dropzone__icon{color:var(--text-sub);margin-bottom:.25rem;transition:all .3s ease}.dropzone__title{font-size:.88rem;font-weight:600;color:#fff}.dropzone__subtitle{font-size:.78rem;color:var(--text-muted)}.or-divider{display:flex;align-items:center;gap:1rem;color:var(--text-sub);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin:.5rem 0}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background-color:var(--border-dark)}.or-divider span{white-space:nowrap}.info-box{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.25rem;background-color:#ffffff05;border:1px solid var(--border-dark);border-radius:var(--radius-md)}.info-box__icon{flex-shrink:0;color:var(--pink);margin-top:2px}.info-box p{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.5}.info-box p strong{color:#fff}.recent-reports{display:flex;flex-direction:column;gap:1.5rem;width:100%}.recent-reports h2{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.01em}.recent-reports .reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.recent-reports .report-card{padding:1.75rem;cursor:pointer;display:flex;flex-direction:column;gap:1.25rem;border-radius:var(--radius-lg);background:var(--slate-card);border:1px solid var(--border-dark);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.16,1,.3,1);color:#fff}.recent-reports .report-card:hover{transform:translateY(-5px);border-color:var(--pink);box-shadow:var(--shadow-md),0 0 14px var(--pink-glow)}.recent-reports .report-card:hover .view-link{color:var(--pink-light);padding-left:.25rem}.recent-reports .report-card:hover .view-link svg{transform:translate(3px)}.recent-reports .report-card .card-header-block{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.recent-reports .report-card .card-header-block h3{font-size:1.1rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.recent-reports .report-card .card-jd-preview{font-size:.85rem;line-height:1.55;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.recent-reports .report-card .match-badge{font-family:var(--font-primary);font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:4px;white-space:nowrap}.recent-reports .report-card .match-badge.score--high{background-color:#fa709a1f;color:var(--pink);border:1px solid rgba(250,112,154,.3)}.recent-reports .report-card .match-badge.score--mid{background-color:#fa709a14;color:var(--pink-light);border:1px solid rgba(250,112,154,.2)}.recent-reports .report-card .match-badge.score--low{background-color:#e0707014;color:#e07070;border:1px solid rgba(224,112,112,.2)}.recent-reports .report-card .card-footer-block{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-dark);padding-top:1rem;margin-top:auto}.recent-reports .report-card .card-footer-block .report-meta{font-size:.78rem;color:var(--text-sub);display:flex;align-items:center;gap:.4rem}.recent-reports .report-card .card-footer-block .view-link{font-family:var(--font-primary);font-size:.85rem;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:.4rem;transition:all .25s ease}.recent-reports .report-card .card-footer-block .view-link svg{transition:transform .2s ease}.page-footer{border-top:1px solid var(--border-dark);padding-top:2rem;display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.page-footer a{font-size:.8rem;color:var(--text-sub);text-decoration:none;transition:color .25s ease}.page-footer a:hover{color:var(--pink)}.page-footer span{color:var(--text-sub);font-size:.8rem}@keyframes bounceFile{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.spinner{width:48px;height:48px;border:4px solid var(--border-dark);border-top-color:var(--pink);border-radius:50%;animation:spin .9s linear infinite;margin-bottom:2rem;box-shadow:0 0 12px var(--pink-glow)}@keyframes spin{to{transform:rotate(360deg)}}.interview-layout-wrapper{min-height:100vh;width:100%;background-color:var(--dark-bg);display:flex;flex-direction:column}.interview-page{max-width:1200px;width:100%;margin:0 auto;padding:2.5rem 2rem 5rem;display:flex;flex-direction:column;gap:2rem;animation:pageFadeIn .5s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.interview-page{padding:1.5rem 1.25rem 4rem;gap:1.5rem}}.report-summary-banner{padding:2.25rem 2.5rem;display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-lg);background:var(--slate-card);border:1px solid var(--border-dark);box-shadow:var(--shadow-md);color:#fff}@media(max-width:768px){.report-summary-banner{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:2rem 1.75rem}}.report-summary-banner .banner-details .banner-badge{display:inline-block;font-family:var(--font-primary);background:#fa709a1f;color:var(--pink);border:1px solid rgba(250,112,154,.3);padding:.35rem .75rem;border-radius:50px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}.report-summary-banner .banner-details h1{font-size:1.95rem;color:#fff;font-weight:800;letter-spacing:-.015em;line-height:1.25;margin-bottom:.4rem}.report-summary-banner .banner-details p{color:var(--text-muted);font-size:.88rem}.report-summary-banner .back-dashboard-btn{padding:.7rem 1.25rem;font-size:.85rem}@media(max-width:768px){.report-summary-banner .back-dashboard-btn{width:100%}}.interview-layout{display:grid;grid-template-columns:240px 1fr 280px;gap:1.5rem;align-items:start}@media(max-width:1024px){.interview-layout{grid-template-columns:200px 1fr}}@media(max-width:768px){.interview-layout{grid-template-columns:1fr}}.interview-nav{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;border-radius:var(--radius-lg);background:var(--slate-card);border:1px solid var(--border-dark);box-shadow:var(--shadow-sm)}.interview-nav .nav-content{display:flex;flex-direction:column;gap:.5rem}.interview-nav__label{font-family:var(--font-primary);font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-sub);padding-left:.75rem;margin-bottom:.5rem}.interview-nav__item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;background:transparent;border:1.5px solid transparent;border-radius:var(--radius-md);color:var(--text-muted);font-size:.88rem;font-weight:600;cursor:pointer;text-align:left;transition:all .25s ease}.interview-nav__item:hover{background:#ffffff0a;color:#fff;border-color:var(--border-dark)}.interview-nav__item--active{background:var(--pink);color:var(--dark-bg);border-color:var(--pink)}.interview-nav__item--active .interview-nav__icon{color:var(--dark-bg)}.interview-nav__icon{display:flex;align-items:center;color:var(--text-sub);transition:color .25s ease}.interview-nav .nav-footer-action{margin-top:1rem}.interview-nav .download-resume-btn{width:100%;padding:.8rem;font-size:.88rem;border-radius:var(--radius-md)}.interview-content{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.interview-content .content-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid var(--border-dark);padding-bottom:.75rem;margin-bottom:1.25rem}.interview-content .content-header h2{font-size:1.35rem;font-weight:700;color:#fff}.interview-content .content-header__count{font-family:var(--font-primary);font-size:.78rem;font-weight:700;color:var(--pink);background:#fa709a1f;border:1px solid rgba(250,112,154,.3);padding:.2rem .65rem;border-radius:20px}.q-list{display:flex;flex-direction:column;gap:1rem}.q-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-dark);background:var(--slate-card);transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm)}.q-card:hover,.q-card--open{border-color:var(--pink);box-shadow:var(--shadow-md)}.q-card__header{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--slate-card)}.q-card__index{flex-shrink:0;font-family:var(--font-primary);font-size:.72rem;font-weight:700;color:var(--pink);background:#fa709a1f;border:1px solid rgba(250,112,154,.3);padding:.2rem .5rem;border-radius:6px;margin-top:1px}.q-card__question{flex:1;font-size:.95rem;font-weight:600;color:#fff;line-height:1.45}.q-card__chevron{flex-shrink:0;color:var(--text-sub);transition:transform .3s cubic-bezier(.16,1,.3,1);margin-top:3px}.q-card__chevron--open{transform:rotate(180deg);color:var(--pink)}.q-card__body{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;border-top:1px solid var(--border-dark);background:#0a0b0e73}.q-card__section{display:flex;flex-direction:column;gap:.5rem}.q-card__text{font-size:.9rem;line-height:1.65;color:var(--text-muted)}.q-card__tag{font-family:var(--font-primary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:4px;width:fit-content}.q-card__tag--intention{color:var(--pink-light);background:#fa709a14;border:1px solid rgba(250,112,154,.25)}.q-card__tag--answer{color:var(--pink);background:#fa709a1f;border:1px solid rgba(250,112,154,.3)}.roadmap-list{display:flex;flex-direction:column;gap:1.5rem}.roadmap-day{padding:1.5rem 1.75rem;border-radius:var(--radius-md);border:1px solid var(--border-dark);background:var(--slate-card);box-shadow:var(--shadow-sm);transition:border-color .25s ease}.roadmap-day:hover{border-color:#fa709a80}.roadmap-day__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.roadmap-day__badge{font-family:var(--font-primary);font-size:.78rem;font-weight:700;color:var(--pink);background:#fa709a1f;border:1px solid rgba(250,112,154,.3);padding:.25rem .75rem;border-radius:50px;white-space:nowrap}.roadmap-day__focus{font-size:1.1rem;font-weight:600;color:#fff}.roadmap-day .roadmap-day-divider{height:1px;background:var(--border-dark);margin-bottom:1rem}.roadmap-day__tasks{list-style:none;display:flex;flex-direction:column;gap:.75rem}.roadmap-day__tasks li{display:flex;align-items:flex-start;gap:.75rem}.roadmap-day__bullet{flex-shrink:0;width:6px;height:6px;border-radius:50%;background-color:var(--pink);margin-top:8px;box-shadow:0 0 6px var(--pink-glow)}.roadmap-day__task-text{font-size:.9rem;line-height:1.55;color:var(--text-muted)}.interview-sidebar{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:1024px){.interview-sidebar{grid-column:2;display:grid;grid-template-columns:1fr 1fr}}@media(max-width:768px){.interview-sidebar{grid-column:1;grid-template-columns:1fr}}.match-score-card{padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem;border-radius:var(--radius-lg);background:var(--slate-card);border:1px solid var(--border-dark);box-shadow:var(--shadow-md);color:#fff}.match-score-card .match-score__label{font-family:var(--font-primary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.match-score-card .match-score__ring{width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:5px solid rgba(255,255,255,.05);box-shadow:var(--shadow-sm)}.match-score-card .match-score__ring.score--high{border-color:var(--pink);box-shadow:0 0 18px var(--pink-glow)}.match-score-card .match-score__ring.score--high .match-score__value{color:var(--pink)}.match-score-card .match-score__ring.score--mid{border-color:var(--pink-light);box-shadow:0 0 18px var(--pink-glow)}.match-score-card .match-score__ring.score--mid .match-score__value{color:var(--pink-light)}.match-score-card .match-score__ring.score--low{border-color:#e07070;box-shadow:0 0 15px #e0707033}.match-score-card .match-score__ring.score--low .match-score__value{color:#e07070}.match-score-card .match-score__value{font-family:var(--font-primary);font-size:2.2rem;font-weight:800;line-height:1}.match-score-card .match-score__pct{font-size:.85rem;color:var(--text-sub);font-weight:600}.match-score-card .match-score__sub{font-size:.8rem;line-height:1.5;color:var(--text-muted);font-weight:500}.skill-gaps-card{padding:2rem 1.5rem;border-radius:var(--radius-lg);background:var(--slate-card);border:1px solid var(--border-dark);box-shadow:var(--shadow-sm)}.skill-gaps-card .skill-gaps__label{font-family:var(--font-primary);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-sub);margin-bottom:1.25rem}.skill-gaps-card .skill-gaps__list{display:flex;flex-direction:column;gap:.75rem}.skill-gaps-card .skill-gap-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--border-dark)}.skill-gaps-card .skill-gap-item .skill-gap-name{font-size:.88rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:.5rem}.skill-gaps-card .skill-gap-item .severity-tag{font-family:var(--font-primary);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:4px}.skill-gaps-card .skill-gap-item .severity-tag--high{color:#e07070;background:#e070701a;border:1px solid rgba(224,112,112,.2)}.skill-gaps-card .skill-gap-item .severity-tag--medium{color:var(--pink-light);background:#fa709a14;border:1px solid rgba(250,112,154,.25)}.skill-gaps-card .skill-gap-item .severity-tag--low{color:var(--text-muted);background:#ffffff0d;border:1px solid var(--border-dark)}.section-fade{animation:contentFade .35s ease-out}@keyframes contentFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.button{border:none;outline:none;padding-inline:1.5rem;padding-block:.75rem;border-radius:var(--radius-md, 14px);cursor:pointer;font-family:var(--font-primary, inherit);font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1)}.button.primary-button{background:var(--pink, #FA709A);color:var(--dark-bg, #0A0B0E);box-shadow:0 4px 14px #fa709a4d}.button.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fa709a73;background:var(--pink-light, #ff8fab)}.button.secondary-button{background-color:var(--slate-card, #13161C);color:#fff;border:1.5px solid var(--border-dark, #222530)}.button.secondary-button:hover{background-color:#ffffff0a;border-color:var(--pink, #FA709A);transform:translateY(-2px)}.button:active{transform:scale(.97) translateY(0)}.landing-page{width:100%;min-height:100vh;position:relative;overflow-x:hidden;background-color:#050507;display:flex;flex-direction:column}.landing-page:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(250,112,154,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(250,112,154,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.landing-nav{position:fixed;top:0;left:0;width:100%;z-index:100;background:#050507b3;backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border-bottom:1px solid rgba(250,112,154,.08)}.landing-nav .nav-container{max-width:1200px;margin:0 auto;padding:.9rem 2rem;display:flex;justify-content:space-between;align-items:center}.landing-nav .logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform .25s ease}.landing-nav .logo:hover{transform:scale(1.03)}.landing-nav .logo .logo-icon{color:var(--pink);filter:drop-shadow(0 0 8px rgba(250,112,154,.5));transition:filter .3s ease}.landing-nav .logo:hover .logo-icon{filter:drop-shadow(0 0 14px rgba(250,112,154,.7))}.landing-nav .logo .logo-text{font-family:var(--font-primary);font-weight:800;font-size:1.3rem;letter-spacing:-.02em;color:#fff}.landing-nav .logo .logo-text .logo-highlight{background:linear-gradient(135deg,var(--pink),#c471f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.landing-nav .nav-actions{display:flex;align-items:center;gap:1rem}.landing-nav .nav-actions .btn-login{color:#ffffffa6;text-decoration:none;font-family:var(--font-primary);font-weight:600;font-size:.9rem;padding:.5rem 1.15rem;border-radius:10px;transition:all .25s ease;border:1px solid transparent}.landing-nav .nav-actions .btn-login:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1a}.hero-section{position:relative;padding:11rem 2rem 6rem;max-width:1000px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;z-index:1}.hero-section .hero-glow{position:absolute;border-radius:50%;filter:blur(120px);z-index:0;pointer-events:none}.hero-section .hero-glow-1{width:500px;height:500px;background:radial-gradient(circle,rgba(250,112,154,.55),rgba(196,113,245,.2) 70%,transparent);top:5%;left:-12%;animation:floatGlow1 12s infinite alternate ease-in-out}.hero-section .hero-glow-2{width:450px;height:450px;background:radial-gradient(circle,rgba(196,113,245,.35),rgba(250,112,154,.15) 60%,transparent);bottom:5%;right:-12%;animation:floatGlow2 10s infinite alternate-reverse ease-in-out}.hero-section .hero-glow-3{width:320px;height:320px;background:radial-gradient(circle,rgba(100,200,255,.12),transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%);filter:blur(100px);animation:floatGlow3 14s infinite alternate ease-in-out}.hero-section .hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.hero-section .hero-badge{font-family:var(--font-primary);background:#fa709a14;color:var(--pink);border:1px solid rgba(250,112,154,.22);padding:.55rem 1.25rem;border-radius:50px;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.hero-section .hero-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(250,112,154,.15),transparent);animation:shimmer 3s infinite}.hero-section .hero-title{font-size:4rem;line-height:1.1;font-weight:800;color:#fff;margin-bottom:1.5rem;max-width:850px;letter-spacing:-.03em}@media(max-width:768px){.hero-section .hero-title{font-size:2.5rem}}@media(max-width:480px){.hero-section .hero-title{font-size:2rem}}.hero-section .hero-subtitle{font-size:1.15rem;line-height:1.7;color:#ffffff8c;max-width:640px;margin-bottom:3rem;font-weight:400}@media(max-width:768px){.hero-section .hero-subtitle{font-size:1rem}}.hero-section .hero-ctas{display:flex;gap:1rem;margin-bottom:3rem}@media(max-width:480px){.hero-section .hero-ctas{flex-direction:column;width:100%}.hero-section .hero-ctas a{width:100%;text-align:center;justify-content:center}}.hero-section .hero-ctas .btn-lg{padding:1rem 2.25rem;font-size:1rem;border-radius:14px;font-weight:700;letter-spacing:-.01em}.hero-section .hero-ctas .btn-outline.btn-lg{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.12);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-section .hero-ctas .btn-outline.btn-lg:hover{background:#ffffff14;border-color:#fa709a80;color:#fff;box-shadow:0 0 20px #fa709a1f}.hero-section .hero-showcase{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:4rem;width:100%;max-width:820px;perspective:800px}@media(max-width:768px){.hero-section .hero-showcase{flex-direction:column;gap:1.25rem;max-width:360px}}.hero-section .showcase-card{position:relative;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1.35rem;border-radius:18px;background:#13161ca6;border:1px solid rgba(255,255,255,.07);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d;flex:1;min-width:0;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s ease,box-shadow .3s ease}.hero-section .showcase-card:hover{transform:translateY(-6px) rotateX(2deg);border-color:#ffffff1f;box-shadow:0 16px 48px #00000080,inset 0 1px #ffffff14}.hero-section .showcase-card__glow{position:absolute;width:120px;height:120px;border-radius:50%;filter:blur(50px);opacity:.35;pointer-events:none;z-index:0;top:-20px;right:-20px}.hero-section .showcase-card__info{display:flex;flex-direction:column;gap:.15rem;position:relative;z-index:1}.hero-section .showcase-card__title{font-family:var(--font-primary);font-size:.88rem;font-weight:700;color:#fff;letter-spacing:-.01em}.hero-section .showcase-card__sub{font-size:.72rem;color:#ffffff59;font-weight:500}.hero-section .showcase-card__number{font-family:var(--font-primary);font-size:1.8rem;font-weight:800;line-height:1;color:#fff;letter-spacing:-.03em}.hero-section .showcase-card__icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.hero-section .showcase-card__icon--purple{background:#c471f526;color:#c471f5}.hero-section .showcase-card__icon--green{background:#64c88226;color:#64c882}.hero-section .showcase-card__bar{width:100%;height:4px;border-radius:4px;background:#ffffff0f;overflow:hidden;position:relative;z-index:1;margin-top:.25rem}.hero-section .showcase-card__bar-fill{height:100%;width:0%;border-radius:4px;background:linear-gradient(90deg,#c471f5,var(--pink));animation:barGrow 2s .8s cubic-bezier(.16,1,.3,1) forwards}.hero-section .showcase-card__tags{display:flex;gap:.4rem;flex-wrap:wrap;position:relative;z-index:1;margin-top:.15rem}.hero-section .showcase-card--score{animation:floatCard1 6s ease-in-out infinite,showcaseFadeIn .6s .15s both ease-out}.hero-section .showcase-card--score .showcase-card__glow{background:var(--pink)}.hero-section .showcase-card--score:hover{border-color:#fa709a40}.hero-section .showcase-card--questions{animation:floatCard2 7s ease-in-out infinite,showcaseFadeIn .6s .3s both ease-out}.hero-section .showcase-card--questions .showcase-card__glow{background:#c471f5;inset:auto auto -20px -20px}.hero-section .showcase-card--questions:hover{border-color:#c471f540}.hero-section .showcase-card--resume{animation:floatCard3 8s ease-in-out infinite,showcaseFadeIn .6s .45s both ease-out}.hero-section .showcase-card--resume .showcase-card__glow{background:#64c882}.hero-section .showcase-card--resume:hover{border-color:#64c88240}.hero-section .score-ring{position:relative;width:64px;height:64px;z-index:1}.hero-section .score-ring__svg{width:100%;height:100%;transform:rotate(-90deg)}.hero-section .score-ring__track{fill:none;stroke:#ffffff0f;stroke-width:5}.hero-section .score-ring__fill{fill:none;stroke:var(--pink);stroke-width:5;stroke-linecap:round;stroke-dasharray:213.6;stroke-dashoffset:213.6;animation:ringDraw 1.8s .5s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 0 6px rgba(250,112,154,.4))}.hero-section .score-ring__value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-primary);font-size:1.3rem;font-weight:800;color:var(--pink);line-height:1}.hero-section .showcase-tag{font-family:var(--font-primary);font-size:.65rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;background:#64c8821a;color:#64c882;border:1px solid rgba(100,200,130,.2);letter-spacing:.02em;text-transform:uppercase}.hero-section .hero-metrics{display:flex;align-items:center;justify-content:center;gap:3rem;padding:1.75rem 3.5rem;background:#13161c99;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0a;color:#fff;animation:floatMetrics 6s ease-in-out infinite}@media(max-width:640px){.hero-section .hero-metrics{flex-direction:column;gap:1.5rem;padding:2rem 1.75rem;width:100%}}.hero-section .hero-metrics .metric{display:flex;flex-direction:column;align-items:center;gap:.3rem}.hero-section .hero-metrics .metric .metric-num{font-family:var(--font-primary);font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--pink),#c471f5,#ffffff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease infinite}.hero-section .hero-metrics .metric .metric-label{font-size:.72rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.hero-section .hero-metrics .metric-divider{width:1px;height:44px;background:linear-gradient(to bottom,transparent,rgba(250,112,154,.3),transparent)}@media(max-width:640px){.hero-section .hero-metrics .metric-divider{width:60px;height:1px;background:linear-gradient(to right,transparent,rgba(250,112,154,.3),transparent)}}.features-section{max-width:1200px;margin:0 auto;padding:5rem 2rem 6rem;width:100%;position:relative;z-index:1}.features-section .section-header{text-align:center;margin-bottom:4rem}.features-section .section-header h2{font-size:2.5rem;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}@media(max-width:640px){.features-section .section-header h2{font-size:1.8rem}}.features-section .section-header p{color:#ffffff73;font-size:1.05rem;max-width:550px;margin:0 auto;line-height:1.6}.features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.features-section .feature-card{padding:2.25rem;display:flex;flex-direction:column;align-items:flex-start;border-radius:var(--radius-lg);background:#13161c8c;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 20px #0000004d;transition:all .4s cubic-bezier(.16,1,.3,1);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.features-section .feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(250,112,154,.3),transparent);opacity:0;transition:opacity .4s ease}.features-section .feature-card:hover{transform:translateY(-8px);border-color:#fa709a40;box-shadow:0 20px 40px #0006,0 0 30px #fa709a14}.features-section .feature-card:hover:before{opacity:1}.features-section .feature-card:nth-child(1){animation:cardFadeUp .5s .1s both ease-out}.features-section .feature-card:nth-child(2){animation:cardFadeUp .5s .2s both ease-out}.features-section .feature-card:nth-child(3){animation:cardFadeUp .5s .3s both ease-out}.features-section .feature-card:nth-child(4){animation:cardFadeUp .5s .4s both ease-out}.features-section .feature-card .feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.features-section .feature-card .feature-icon svg{stroke-width:2}.features-section .feature-card:hover .feature-icon{transform:scale(1.1)}.features-section .feature-card .feature-icon.emerald{background:#fa709a1f;color:var(--pink);box-shadow:0 0 #fa709a00}.features-section .feature-card:hover .feature-icon.emerald{box-shadow:0 4px 16px #fa709a33}.features-section .feature-card .feature-icon.amber{background:#ffb74d1f;color:#ffb74d;box-shadow:0 0 #ffb74d00}.features-section .feature-card:hover .feature-icon.amber{box-shadow:0 4px 16px #ffb74d33}.features-section .feature-card .feature-icon.mint{background:#64c8a01f;color:#64c8a0;box-shadow:0 0 #64c8a000}.features-section .feature-card:hover .feature-icon.mint{box-shadow:0 4px 16px #64c8a033}.features-section .feature-card .feature-icon.gold{background:#c471f51f;color:#c471f5;box-shadow:0 0 #c471f500}.features-section .feature-card:hover .feature-icon.gold{box-shadow:0 4px 16px #c471f533}.features-section .feature-card h3{font-size:1.15rem;color:#fff;margin-bottom:.65rem;font-weight:700;letter-spacing:-.01em}.features-section .feature-card p{color:#ffffff73;font-size:.92rem;line-height:1.65}.landing-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.06);padding:2.5rem 2rem;display:flex;justify-content:space-between;align-items:center;max-width:1200px;width:100%;margin-left:auto;margin-right:auto;position:relative;z-index:1}@media(max-width:640px){.landing-footer{flex-direction:column;gap:1.25rem;text-align:center}}.landing-footer p{font-size:.85rem;color:#ffffff4d}.landing-footer .footer-links{display:flex;gap:2rem}.landing-footer .footer-links a{font-size:.85rem;color:#ffffff4d;text-decoration:none;transition:color .3s ease}.landing-footer .footer-links a:hover{color:var(--pink)}@keyframes floatGlow1{0%{transform:translate(0) scale(1);opacity:.5}50%{opacity:.65}to{transform:translate(30px,-25px) scale(1.12);opacity:.5}}@keyframes floatGlow2{0%{transform:translate(0) scale(1);opacity:.4}50%{opacity:.55}to{transform:translate(-25px,20px) scale(1.1);opacity:.4}}@keyframes floatGlow3{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.2)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes floatMetrics{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatCard1{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(.5deg)}75%{transform:translateY(4px) rotate(-.3deg)}}@keyframes floatCard2{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(6px) rotate(-.5deg)}70%{transform:translateY(-10px) rotate(.4deg)}}@keyframes floatCard3{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-7px) rotate(.3deg)}80%{transform:translateY(5px) rotate(-.4deg)}}@keyframes showcaseFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ringDraw{to{stroke-dashoffset:17.1}}@keyframes barGrow{to{width:75%}}:root{--dark-bg: #0A0B0E;--slate-card: #13161C;--pink: #FA709A;--pink-light: #ff8fab;--pink-dark: #d8567c;--pink-glow: rgba(250, 112, 154, .15);--border-dark: #222530;--bg-primary: var(--dark-bg);--bg-secondary: var(--slate-card);--bg-tertiary: #171b24;--bg-card: var(--slate-card);--accent-emerald: var(--pink);--accent-emerald-glow: var(--pink-glow);--accent-emerald-bright: var(--pink);--accent-mint: var(--pink);--accent-gold: var(--pink);--accent-gold-glow: var(--pink-glow);--text-main: #ffffff;--text-muted: #8E939E;--text-sub: #5C606A;--text-subtle: #40434C;--card-text-main: #ffffff;--card-text-muted: #8E939E;--card-text-sub: #5C606A;--border-color: var(--border-dark);--border-focus: var(--pink);--font-primary: "Outfit", sans-serif;--font-secondary: "Plus Jakarta Sans", sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px rgba(250, 112, 154, .2);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-secondary)}html,body,#root{width:100%;min-height:100vh;background-color:var(--dark-bg);color:var(--text-main);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;letter-spacing:-.02em;color:#fff}.highlight{background:linear-gradient(135deg,var(--pink),#c471f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:highlightShift 4s ease infinite}@keyframes highlightShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--pink)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background-color:var(--dark-bg)}.loading-screen h1{font-size:1.8rem;color:#fff;margin-bottom:1rem;font-weight:600;animation:pulse 1.8s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}.glass-panel{background:var(--slate-card);border:1px solid var(--border-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1);color:var(--text-main)}.glass-panel h1,.glass-panel h2,.glass-panel h3,.glass-panel h4,.glass-panel h5,.glass-panel h6{color:#fff}.btn-emerald{background:linear-gradient(135deg,var(--pink),#d8567c);color:#fff;border:none;font-family:var(--font-primary);font-weight:700;padding:.75rem 1.75rem;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 18px #fa709a59;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-size:.9rem;letter-spacing:-.01em}.btn-emerald:hover{transform:translateY(-2px);box-shadow:0 8px 28px #fa709a80;background:linear-gradient(135deg,var(--pink-light),var(--pink))}.btn-emerald:active{transform:translateY(0)}.btn-outline{background:#ffffff0a;color:#fff;border:1.5px solid rgba(255,255,255,.12);font-family:var(--font-primary);font-weight:600;padding:.75rem 1.75rem;border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-size:.9rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-outline:hover{border-color:#fa709a66;color:#fff;background:#ffffff14;transform:translateY(-2px);box-shadow:0 0 18px #fa709a1a}.btn-outline:active{transform:translateY(0)}.btn-secondary{background:var(--slate-card);color:#fff;border:1.5px solid var(--border-dark);font-family:var(--font-primary);font-weight:600;padding:.75rem 1.75rem;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff0a;border-color:var(--pink);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.app-header{position:sticky;top:0;width:100%;z-index:100;background:var(--dark-bg);border-bottom:1px solid var(--border-dark);box-shadow:0 2px 16px #0000004d}.app-header .header-container{max-width:1200px;margin:0 auto;padding:.85rem 2rem;display:flex;justify-content:space-between;align-items:center}.app-header .logo{display:flex;align-items:center;gap:.5rem;cursor:pointer}.app-header .logo .logo-icon{color:var(--pink);filter:drop-shadow(0 0 4px rgba(250,112,154,.4))}.app-header .logo .logo-text{font-family:var(--font-primary);font-weight:800;font-size:1.15rem;letter-spacing:-.01em;color:#fff}.app-header .logo .logo-text .logo-highlight{color:var(--pink)}.app-header .header-nav-links{display:flex;gap:1.5rem}.app-header .header-nav-links .nav-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .25s ease}.app-header .header-nav-links .nav-link:hover{color:#fff}.app-header .header-profile-section{position:relative}.app-header .header-profile-section .profile-trigger{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.35rem .75rem;border-radius:50px;background:#ffffff08;border:1px solid var(--border-dark);transition:all .25s ease;-webkit-user-select:none;user-select:none}.app-header .header-profile-section .profile-trigger:hover{border-color:var(--pink);background:#fa709a0d}.app-header .header-profile-section .profile-trigger .profile-name{font-size:.85rem;font-weight:600;color:#fff}@media(max-width:640px){.app-header .header-profile-section .profile-trigger .profile-name{display:none}}.app-header .header-profile-section .profile-trigger .profile-avatar{width:30px;height:30px;border-radius:50%;background:var(--pink);color:var(--dark-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:800;font-size:.82rem;box-shadow:0 0 10px #fa709a33}.app-header .header-profile-section .profile-trigger .chevron-icon{color:var(--text-muted);transition:transform .2s ease}.app-header .header-profile-section .profile-trigger .chevron-icon.rotated{transform:rotate(180deg);color:var(--pink)}.app-header .header-profile-section .profile-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:230px;padding:1.25rem;border-radius:var(--radius-md);z-index:110;background:var(--slate-card);border:1px solid var(--border-dark);box-shadow:var(--shadow-lg);animation:dropdownFadeIn .2s cubic-bezier(.16,1,.3,1);color:var(--text-main)}.app-header .header-profile-section .profile-dropdown .dropdown-user-details{margin-bottom:.75rem}.app-header .header-profile-section .profile-dropdown .dropdown-user-details .details-username{font-family:var(--font-primary);font-weight:700;font-size:.95rem;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header .header-profile-section .profile-dropdown .dropdown-user-details .details-email{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem}.app-header .header-profile-section .profile-dropdown .dropdown-divider{height:1px;background:var(--border-dark);margin:.75rem 0}.app-header .header-profile-section .profile-dropdown .dropdown-logout-btn{width:100%;display:flex;align-items:center;gap:.6rem;background:transparent;border:none;color:#e07070;font-family:var(--font-primary);font-weight:600;font-size:.85rem;cursor:pointer;padding:.4rem .2rem;transition:all .2s ease;border-radius:var(--radius-sm)}.app-header .header-profile-section .profile-dropdown .dropdown-logout-btn svg{transition:transform .2s ease}.app-header .header-profile-section .profile-dropdown .dropdown-logout-btn:hover{background:#e0707014;padding-left:.4rem}.app-header .header-profile-section .profile-dropdown .dropdown-logout-btn:hover svg{transform:translate(-2px)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}