@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700&display=swap";html,body{width:100%;height:100%;margin:0;padding:0;background-color:#2c2c2c!important}#root{background-color:#2c2c2c}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.logo-wrapper{align-items:center;gap:12px;display:flex}.header-logo{gap:15px;width:74px;height:77px;top:100px;left:200px}.logo-textHome{color:#fdfef9;word-wrap:break-word;font-family:Plus Jakarta Sans,sans-serif;font-size:64px;font-weight:700;line-height:100px}.container{justify-content:space-between;align-items:center;max-width:100%;padding:74px 200px 29px;display:flex}.nav-menu{align-items:center;gap:50px;margin-left:200px;display:flex}.nav-menu a{color:#fff;cursor:pointer;white-space:nowrap;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;line-height:100px;text-decoration:none;display:flex}.login-buttonHome{color:#000;text-transform:uppercase;cursor:pointer;background-color:#fff;border:none;border-radius:80px;gap:10px;width:140px;padding:11px 30px;font-size:24px;font-weight:700;line-height:25px;transition:opacity .2s}.header-profile-img{cursor:pointer;border-radius:15px;width:56px;height:56px;transition:transform .2s}.header-profile-img:hover{transform:scale(1.05)}.login-buttonHome:hover{opacity:.8}.section-wrapper{flex-direction:column;width:100%;display:flex}.hero{rotate:-28.9px;align-items:center;width:897.6px;line-height:778.39px;display:flex;position:relative;left:741px;overflow:hidden}.hero-content{z-index:2}.hero-stars{z-index:1;pointer-events:none;position:absolute;left:750px;transform:translateY(-42%)}.hero-title{color:#fff;gap:119px;width:753px;margin:0 0 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:64px;font-weight:700;line-height:130%;position:relative}.hero-subtitle{color:#bebebe;letter-spacing:0%;margin-top:50px;margin-bottom:50px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700}.btn-hero_startfree{color:#fff;cursor:pointer;white-space:nowrap;will-change:transform;background-color:#5f47e7;border:none;border-radius:74px;gap:10px;width:265px;height:68px;padding:11px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;transition:transform .2s ease-in-out}.btn-hero_startfree:hover{background-color:#5f47e7;transform:scale(1.02)}.btn-hero_startfree:active{transform:scale(.98)}.feature-block{box-sizing:border-box;background-color:#1b1b1b;border-radius:50px;width:1720px;height:720px;margin-top:250px;margin-left:100px}.feature-title{size:64px;color:#fff;margin-top:80px;margin-left:100px;font-family:Plus Jakarta Sans,sans-serif;font-size:64px;font-weight:700}.feature-cards{flex-direction:row;gap:50px;width:100%;margin-top:60px;display:flex}.first-step-number{color:#000;background-color:#fff;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:51.27px;margin-bottom:30px;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:800;display:flex}.first-step-card{box-sizing:border-box;background-color:#2c2727;border-radius:30px;flex-direction:column;flex-shrink:0;width:480px;height:420px;margin-left:90px;padding:40px;display:flex}.first-step-title{color:#fff;margin-top:auto;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:700}.first-step-description{color:#bebebe;margin-top:auto;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700}.second-step-number{color:#000;background-color:#fff;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:51.27px;margin-bottom:30px;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:800;display:flex}.second-step-card{box-sizing:border-box;background-color:#2c2727;border-radius:30px;flex-direction:column;flex-shrink:0;width:480px;height:420px;padding:40px;display:flex}.second-step-title{color:#fff;margin-top:auto;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:700}.second-step-description{color:#bebebe;margin-top:auto;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700}.third-step-number{color:#000;background-color:#fff;border-radius:50px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:51.27px;margin-bottom:30px;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:800;display:flex}.third-step-card{box-sizing:border-box;background-color:#2c2727;border-radius:30px;flex-direction:column;flex-shrink:0;width:480px;height:420px;padding:40px;display:flex}.third-step-title{color:#fff;margin-top:auto;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:700}.third-step-description{color:#bebebe;margin-top:auto;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700}.main-interactive-container{box-sizing:border-box;justify-content:flex-start;align-items:flex-start;gap:100px;margin-top:100px;margin-bottom:150px;margin-left:200px;display:flex}.chat-visual-wrapper{flex-direction:column;align-items:center;display:flex}.ai-chat-card{box-sizing:border-box;background-color:#1b1b1b;border-radius:50px;flex-direction:column;width:832px;height:600px;padding:50px 60px;display:flex;position:relative}.user-side{flex-direction:column;align-items:flex-end;margin-bottom:30px;display:flex}.resume-label{background:#ffffff14;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:168px;height:70px;margin-bottom:12px;display:flex}.resume-label span{color:#bebebe;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700}.pdf-svg-icon{width:35.53px;height:40.5px}.mock-user-text{color:#bebebe;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700}.ai-side{flex-direction:column;align-items:flex-start;display:flex}.ai-label{align-items:center;gap:10px;margin-bottom:15px;display:flex}.ai-label h4{color:#fff;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700}.mock-ai-text{color:#bebebe;width:504px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700}.mock-input-field{background:#ffffff0d;border-radius:100px;justify-content:space-between;align-items:center;width:632px;height:60px;padding:0 25px;font-family:Plus Jakarta Sans,sans-serif;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.mock-input-field span{color:#fff;font-size:20px;font-weight:700}.send-svg{width:20px;height:20px}.chat-pagination{justify-content:center;gap:7px;width:100%;margin-top:15px;display:flex}.pj-dot{width:9px;height:9px}.training-info-right{flex-direction:column;max-width:600px;display:flex}.training-title{color:#fff;margin-bottom:24px;font-family:Plus Jakarta Sans,sans-serif;font-size:64px;font-weight:700;line-height:1.1}.training-subtitle{color:#bebebe;margin-bottom:48px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700}.mini-cards-row{gap:20px;display:flex}.mini-card{box-sizing:border-box;background:#1a1a1a;border-radius:30px;flex-direction:column;width:280px;height:250px;padding:30px;display:flex}.mini-card-title{color:#fff;text-transform:none;margin-top:1px;margin-bottom:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700}.mini-card-text{color:#bebebe;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.4}.plans-section{width:100%;padding:100px 0;display:block}.plans-section .container{flex-direction:column;width:100%;display:flex}.plans-main-title{color:#fff;text-align:left;margin-bottom:80px;margin-left:200px;font-family:Plus Jakarta Sans,sans-serif;font-size:64px;font-weight:700;line-height:1.1}.plans-cards-container{box-sizing:border-box;flex-direction:row;gap:30px;margin-bottom:90px;padding-left:200px;display:flex}.plan-card{box-sizing:border-box;background:#1a1a1a;border-radius:40px;flex-direction:column;justify-content:space-between;width:440px;height:500px;padding:50px 40px;display:flex}.plan-tag{color:#fff;text-transform:lowercase;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:64px;font-weight:700}.plan-subtitle{color:#fff;margin:10px 0 30px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700;line-height:1.2}.plan-smart-text{color:#bebebe;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;line-height:1.4}.price-row{justify-content:space-between;align-items:center;display:flex}.price-value{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:700}.plan-btn-go{color:#000;cursor:pointer;background:#fff;border:none;border-radius:58px;width:163px;height:49px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;transition:opacity .2s}.plan-btn-go:hover{opacity:.8}.plans-footer-text{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:50px}.get-premium{color:#fff;margin-bottom:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:36px;font-weight:700}.smart-text-footer{color:#bebebe;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:36px;font-weight:700;line-height:1.4}.faq-interactive-section{width:100%;padding-bottom:150px}.faq-main-title{color:#fff;margin-bottom:80px;margin-left:633px;font-family:Plus Jakarta Sans,sans-serif;font-size:64px;font-weight:700}.faq-content-container{gap:150px;margin-left:200px;display:flex;position:relative}.faq-nav-wrapper{align-items:flex-start;margin-bottom:40px;display:flex;position:relative}.faq-arrow-indicator{opacity:0;pointer-events:none;transition:all .3s;position:absolute;top:6px;left:-60px;transform:translate(-10px)}.faq-arrow-indicator.active{opacity:1;transform:translate(0)}.faq-arrow-svg{width:24px;height:auto;margin-right:36px}.faq-nav-item{color:#4d4d4d;text-align:left;cursor:pointer;background:0 0;border:none;max-width:500px;padding:0;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:700;line-height:1.2;transition:color .3s}.faq-nav-item.active{color:#fff}.faq-display-card{box-sizing:border-box;background:#1a1a1a;border-radius:40px;flex-direction:column;justify-content:flex-start;width:900px;height:620px;padding:60px;transition:all .5s;display:flex}.faq-display-title{color:#fff;margin-bottom:24px;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:700}.faq-display-description{color:#bebebe;margin-top:76px;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:700;line-height:1.5}.final-cta-section{text-align:center;padding-top:364px;padding-bottom:200px;position:relative;overflow:hidden}.cta-container{z-index:10;flex-direction:column;align-items:center;display:flex;position:relative}.cta-title{color:#fff;margin-bottom:24px;font-family:Plus Jakarta Sans,sans-serif;font-size:64px;font-weight:700;line-height:1.1}.cta-subtitle{color:#bebebe;margin-bottom:48px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700}.cta-btn-start{color:#fff;cursor:pointer;background:#7b61ff;border:none;border-radius:100px;width:383px;height:77px;padding:24px 60px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;transition:all .3s}.cta-btn-start:hover{background:#8e77ff;transform:translateY(-5px);box-shadow:0 10px 30px #7b61ff66}.cta-star{pointer-events:none;z-index:1;position:absolute}.star-1{width:80px;top:420px;left:auto;right:78%}.star-2{width:120px;top:450px;right:12%}.star-3{opacity:.7;width:60px;bottom:250px;right:25%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.cta-star{animation:6s ease-in-out infinite float}.start-page{color:#fff;box-sizing:border-box;background-color:#121212;min-height:100vh;padding:40px 200px;font-family:Plus Jakarta Sans,sans-serif}.start-header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.logo-text{font-size:64px;font-weight:700}.profile-section{align-items:center;display:flex}.profile-img{cursor:pointer;border-radius:15px;width:56px;height:56px;transition:transform .2s}.profile-img:hover{transform:scale(1.05)}.grid-container{grid-template-columns:480px 1fr 480px;align-items:start;gap:40px;display:grid}.card{cursor:pointer;box-sizing:border-box;background:#1e1e1e;border:1px solid #333;border-radius:30px;flex-direction:column;padding:40px;transition:all .3s;display:flex;position:relative;overflow:hidden}.card:hover{background:#252525;border-color:#6c5ce7}.large-card{justify-content:space-between;height:730px}.center-column{flex-direction:column;justify-content:space-between;gap:20px;height:730px;display:flex}.small-card{flex-direction:row;flex:1;justify-content:space-between;align-items:center;height:230px;display:flex}.card h2{margin:20px 0 10px;font-size:40px;font-weight:700}.card h3{margin:0 0 10px;font-size:40px;font-weight:700}.card p{color:#a0a0a0;margin:0;font-size:20px;font-weight:700;line-height:1.4}.image-box{justify-content:center;align-items:center;height:320px;display:flex;position:relative}.card-illustration{object-fit:contain;z-index:2;width:240px;height:auto}.mini-card-img{object-fit:contain;width:140px;height:auto}.arrow-circle{color:#000;cursor:pointer;z-index:3;background:#fff;border:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:54px;height:54px;font-size:28px;font-weight:700;transition:transform .2s;display:flex}.arrow-circle:hover{transform:scale(1.1)}.small-card .arrow-circle{align-self:center}.decor-line{pointer-events:none;z-index:3;width:100%;position:absolute;top:180px;left:0}.decor-profile{z-index:3;width:120px;height:120px;position:absolute;top:220px;right:70px}.decor-line-stats{pointer-events:none;z-index:3;width:100%;position:absolute;top:180px;left:0}.work-page{color:#fff;background-color:#121212;min-height:100vh;padding:40px 200px;font-family:Plus Jakarta Sans,sans-serif}.work-header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.logo-textWork{font-size:40px;font-weight:700}.page-title{text-align:center;margin-bottom:50px;font-size:32px;font-weight:600}.cards-container{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));justify-content:center;gap:30px;max-width:1400px;margin:0 auto;display:grid}.work-card{background:#1e1e1e;border:1px solid #0000;border-radius:40px;flex-direction:column;height:600px;padding:30px;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.work-card:hover{border-color:#5f47e7;transform:translateY(-10px)}.card-image-wrapper{justify-content:center;align-items:center;height:250px;display:flex}.card-main-img{object-fit:contain;width:180px;height:auto}.folder-img{width:200px}.card-content h2{margin-bottom:15px;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:700;line-height:1.2}.card-content p{color:#b0b0b0;margin-bottom:25px;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;line-height:1.4}.card-footer{align-items:center;display:flex}.footer-right{justify-content:flex-end}.action-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50px;align-items:center;gap:15px;padding:12px 24px;font-size:18px;font-weight:700;display:flex}.action-btn span{color:#fff;background:#000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex}.arrow-btn{color:#000;cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:flex}.chat-page{color:#fff;background-color:#121212;width:100%;height:100vh;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;display:flex;overflow:hidden}.chat-nav::-webkit-scrollbar{width:6px}.chat-content::-webkit-scrollbar{width:6px}.input-row textarea::-webkit-scrollbar{width:6px}.chat-nav::-webkit-scrollbar-track{background:0 0}.chat-content::-webkit-scrollbar-track{background:0 0}.input-row textarea::-webkit-scrollbar-track{background:0 0}.chat-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .2s}.chat-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .2s}.input-row textarea::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px;transition:background .2s}.chat-nav::-webkit-scrollbar-thumb:hover{background:#5f47e766}.chat-content::-webkit-scrollbar-thumb:hover{background:#5f47e766}.input-row textarea::-webkit-scrollbar-thumb:hover{background:#5f47e766}.chat-nav,.chat-content,.input-row textarea{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.chat-sidebar{background:linear-gradient(#1e1e1e 0%,#121212 100%);border-right:1px solid #2a2a2a;flex-direction:column;width:300px;min-width:300px;display:flex}.sidebar-top{padding:30px 24px}.logo-section{align-items:center;gap:12px;margin-bottom:30px;font-size:40px;display:flex}.mini-logo{width:30px}.new-chat-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #333;border-radius:12px;align-items:center;gap:10px;width:100%;padding:14px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700;display:flex}.chat-nav{flex:1;overflow-y:auto}.nav-label{opacity:.5;text-transform:uppercase;padding:20px 24px 10px}.chat-item{cursor:pointer;border-left:3px solid #0000;padding:14px 24px;font-size:15px;transition:all .2s}.chat-item.selected{background:#5f47e71a;border-left-color:#5f47e7}.chat-main{background:#121212;flex-direction:column;flex:1;padding:0 60px 0 200px;display:flex}.chat-header{justify-content:flex-end;align-items:center;gap:24px;height:100px;padding:0 40px;display:flex}.balance-display{background:#5f47e71a;border:1px solid #5f47e74d;border-radius:60px;justify-content:center;align-items:baseline;gap:10px;padding:16px 24px 12px;display:flex}.balance-label{color:#a0a0a0;font-size:14px;font-weight:700;line-height:1}.balance-value{color:#fff;font-size:16px;font-weight:800;line-height:1;position:relative;top:1px}.profile-img{object-fit:cover;border-radius:50%;width:60px;height:60px}.finish-btn-header{color:#ff453a;cursor:pointer;background:#ff453a1a;border:1px solid #ff453a4d;border-radius:60px;padding:10px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;transition:all .2s}.finish-btn-header:hover{color:#fff;background:#ff453a;transform:translateY(-2px)}.stats-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stats-modal{text-align:center;background:#1e1e1e;border:1px solid #333;border-radius:30px;width:90%;max-width:600px;padding:40px;box-shadow:0 20px 50px #00000080}.stats-modal h2{color:#fff;margin-bottom:30px;font-size:32px}.stats-summary{justify-content:space-around;margin-bottom:40px;display:flex}.stats-item{flex-direction:column;gap:8px;display:flex}.stats-val{color:#5f47e7;font-size:48px;font-weight:800}.stats-desc{color:#a0a0a0;font-size:16px}.stats-details{text-align:left;background:#ffffff08;border-radius:20px;margin-bottom:30px;padding:25px}.stats-details h3{color:#fff;margin-bottom:15px;font-size:20px}.stats-details ul{list-style:none}.stats-details li{color:#ccc;margin-bottom:12px;padding-left:25px;font-size:16px;line-height:1.5;position:relative}.stats-details li:before{content:"✦";color:#5f47e7;position:absolute;left:0}.stats-skills{text-align:left;margin-bottom:30px}.stats-skills h3{color:#fff;margin-bottom:15px;font-size:20px}.skills-grid{flex-direction:column;gap:15px;display:flex}.skill-item{align-items:center;gap:15px;display:flex}.skill-name{color:#a0a0a0;flex-shrink:0;width:120px;font-size:14px}.skill-bar-bg{background:#ffffff0d;border-radius:4px;flex:1;height:8px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg,#5f47e7 0%,#a29bfe 100%);border-radius:4px;height:100%;transition:width 1s ease-out}.skill-val{text-align:right;color:#fff;width:40px;font-size:14px}.prep-plan-text,.feedback-text{color:#ccc;white-space:pre-wrap;font-size:16px;line-height:1.6}.close-stats-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:15px;padding:15px 40px;font-size:18px;font-weight:700;transition:all .2s}.close-stats-btn:hover{color:#fff;background:#5f47e7;transform:scale(1.05)}.chat-item-info{justify-content:space-between;align-items:center;width:100%;display:flex}.status-tag{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:800}.status-tag.completed{color:#10b981;background:#10b98133}.status-tag.active{color:#5f47e7;background:#5f47e733}.chat-content{flex-direction:column;flex:1;gap:24px;padding:20px 0;display:flex;overflow-y:auto}.message-bubble-wrapper{flex-direction:column;max-width:70%;display:flex}.message-bubble-wrapper.ai{align-self:flex-start}.message-bubble-wrapper.user{text-align:right;align-self:flex-end}.message-meta{opacity:.7;color:#fff;align-items:center;gap:8px;margin-bottom:6px;font-size:24px;display:flex}.message-bubble-wrapper.user .message-meta{flex-direction:row-reverse}.ai-mini-icon{width:20px}.message-body{border-radius:18px;padding:16px 20px;font-size:16px;line-height:1.5}.ai .message-body{background:#1e1e1e;border-bottom-left-radius:4px}.start-chat-btn{color:#fff;cursor:pointer;background:#5f47e7;border:none;border-radius:12px;width:100%;margin-top:15px;padding:12px 24px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.start-chat-btn:hover{background:#7d6df3;transform:translateY(-2px);box-shadow:0 5px 15px #5f47e74d}.user .message-body{color:#fff;text-align:left;background:#5f47e7;border-bottom-right-radius:4px}.pdf-attachment{background:#0003;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:10px;display:flex}.pdf-attachment img{width:30px}.pdf-info{flex-direction:column;display:flex}.pdf-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:14px;overflow:hidden}.pdf-size{opacity:.5;font-size:11px}.message-body.ai-typing{gap:5px;width:fit-content;padding:12px 20px;display:flex}.typing-dot{background-color:#a0a0a0;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing-animation}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-animation{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.welcome-screen{text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.welcome-content{flex-direction:column;align-items:center;gap:24px;max-width:600px;display:flex}.welcome-logo{width:80px;height:80px;margin-bottom:10px}.welcome-title{color:#fff;font-size:48px;font-weight:800;line-height:1.2}.welcome-subtitle{color:#a0a0a0;font-size:20px;line-height:1.5}.welcome-start-btn{color:#fff;cursor:pointer;background:#5f47e7;border:none;border-radius:16px;margin-top:20px;padding:18px 48px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #5f47e733}.welcome-start-btn:hover{background:#7d6df3;transform:translateY(-4px);box-shadow:0 15px 40px #5f47e766}.input-actions{align-items:center;gap:10px;padding-bottom:8px;display:flex}.voice-btn,.stop-record-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.voice-btn:hover{transform:scale(1.1)}.voice-btn svg path{transition:stroke .2s}.voice-btn:hover svg path{stroke:#5f47e7}.stop-record-btn{background:#ff453a;border-radius:50%;width:40px;height:40px;box-shadow:0 0 15px #ff453a66}.stop-icon{background:#fff;border-radius:2px;width:14px;height:14px}.recording-indicator{flex:1;align-items:center;gap:15px;padding:8px 10px;display:flex}.recording-dot-active{background:#ff453a;border-radius:50%;width:12px;height:12px;animation:1.5s infinite pulse-recording}@keyframes pulse-recording{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.recording-timer{color:#ff453a;min-width:45px;font-size:18px;font-weight:700}.recording-status{color:#a0a0a0;font-size:16px}.input-wrapper{padding:20px 0 30px}.input-area{background:#222;border-radius:24px;padding:12px 20px}.input-row{align-items:flex-end;gap:15px;display:flex}.input-row textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:40px;max-height:200px;padding:8px 10px;font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700;line-height:1.4}.input-row textarea::-webkit-scrollbar{width:6px}.input-row textarea::-webkit-scrollbar-thumb{background:#333;border-radius:10px}.send-btn{cursor:pointer;opacity:.8;background:0 0;border:none;padding-bottom:8px;transition:all .2s}.send-btn:hover{opacity:1;transform:scale(1.1)}.send-btn img{width:24px}.attached-file-preview{background:#333;border-radius:10px;align-items:center;gap:10px;width:fit-content;margin-bottom:10px;padding:8px 15px;font-size:13px;display:flex}.attached-file-preview button{color:#ff5c5c;cursor:pointer;background:0 0;border:none;font-weight:700}.text-content{white-space:pre-wrap;word-break:break-word}.res-main-logo{width:80px;height:auto}.res-header-right{align-items:center;gap:20px;display:flex}.res-profile-img{cursor:pointer;border-radius:15px;width:56px;height:56px;transition:transform .2s}.res-profile-img:hover{transform:scale(1.05)}.res-page-title{margin:0 0 50px;font-size:40px;font-weight:700}.res-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));justify-content:start;gap:40px;display:grid}.res-card{cursor:pointer;box-sizing:border-box;background:#1e1e1e;border:1px solid #333;border-radius:40px;flex-direction:column;justify-content:space-between;align-items:center;height:480px;padding:40px;transition:all .3s;display:flex}.res-card:hover{background:#252525;border-color:#6c5ce7;transform:translateY(-5px)}.res-upload-card{border:2px dashed #444;justify-content:center;gap:30px}.res-plus-circle{background-color:#2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;transition:background-color .2s;display:flex}.res-upload-card:hover .res-plus-circle{background-color:#6c5ce7}.res-plus-circle span{color:#fff;justify-content:center;align-items:center;margin:0;padding:0;font-size:40px;font-weight:700;line-height:1;display:flex;transform:translateY(-3px)}.res-loading{pointer-events:none;opacity:.5}.res-image-wrapper{flex-shrink:0;justify-content:center;align-items:center;height:140px;margin-top:10px;display:flex}.res-document-img{object-fit:contain;width:auto;height:130px}.res-card-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.res-card-content h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.2;overflow:hidden}.res-card-content p{color:#a0a0a0;margin:0;font-size:18px;font-weight:700;line-height:1.4}.res-text-center{text-align:center}.res-card-footer{flex-shrink:0;justify-content:center;width:100%;display:flex}.res-arrow-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;font-weight:700;transition:transform .2s,background-color .2s,color .2s;display:flex}.res-card:hover .res-arrow-btn{color:#fff;background:#6c5ce7;transform:scale(1.1)}.register-page{background:#2c2c2c;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.register-page:before{content:"";filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#9c5ad5 0%,#9c5ad5cc 30%,#9c5ad500 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-150px;left:-20px}.register-page:after{content:"";filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#eefa40 0% 30%,#ffdc3200 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-150px;right:-20px}.register-page .background-image{z-index:0;opacity:.3;pointer-events:none;width:300px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.register-container{z-index:10;background:#000;border-radius:32px;align-items:center;width:760px;max-width:90%;min-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.register-content{z-index:1;width:50%;padding:48px 40px;position:relative}.register-form{flex-direction:column;gap:20px;display:flex}.input-field input:-webkit-autofill{-webkit-text-fill-color:white!important;background-color:#323232!important;border-color:#667eea!important;box-shadow:inset 0 0 0 30px #323232!important}.input-field input:-webkit-autofill:hover{-webkit-text-fill-color:white!important;background-color:#323232!important;border-color:#667eea!important;box-shadow:inset 0 0 0 30px #323232!important}.input-field input:-webkit-autofill:focus{-webkit-text-fill-color:white!important;background-color:#323232!important;border-color:#667eea!important;box-shadow:inset 0 0 0 30px #323232!important}.input-field input:-webkit-autofill:active{-webkit-text-fill-color:white!important;background-color:#323232!important;border-color:#667eea!important;box-shadow:inset 0 0 0 30px #323232!important}.input-field input:-moz-autofill{color:#fff!important;background-color:#323232!important;box-shadow:inset 0 0 0 30px #323232!important}.input-field input::placeholder{color:#c3c5d8;font-size:14px;font-weight:400}.buttons-row{gap:30px;margin-top:12px;margin-left:15px;display:flex}.github-button{cursor:pointer;box-sizing:border-box;background:#1a202c;border:none;border-radius:40px;justify-content:center;align-items:center;height:38px;margin:0;padding:0 50px;transition:all .2s;display:flex;overflow:visible}.create-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:40px;flex:1;min-width:100px;max-width:120px;height:38px;font-size:15px;font-weight:600}.create-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #667eea66}*{box-sizing:border-box;margin:0;padding:0}.authorization-page{background:#2c2c2c;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.authorization-page:before{content:"";filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#9c5ad5 0%,#9c5ad5cc 30%,#9c5ad500 70%);border-radius:50%;width:600px;height:600px;position:absolute;bottom:-150px;left:-20px}.authorization-page:after{content:"";filter:blur(60px);z-index:0;pointer-events:none;background:radial-gradient(circle,#eefa40 0% 30%,#ffdc3200 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-150px;right:-20px}.authorization-container{z-index:10;background:#000;border-radius:32px;align-items:center;width:760px;max-width:90%;min-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.white-stars-bg{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:contain;width:420px;height:420px;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.authorization-content{z-index:1;flex-direction:column;justify-content:space-between;width:50%;min-height:500px;padding:48px 40px;display:flex;position:relative}.logo-wrapper{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.logo-image{object-fit:contain;width:210px;height:100px}.authorization-form{flex-direction:column;flex:1;gap:16px;display:flex}.input-field{align-items:center;display:flex;position:relative}.input-field input{color:#fff;box-sizing:border-box;background:#323232;border:1.5px solid #323232;border-radius:16px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:all .2s}.input-field input::placeholder{color:#c3c5d8;font-weight:400}.input-field input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.forgot-password{text-align:center;margin-top:-4px}.forgot-password-btn{color:#888;cursor:pointer;background:0 0;border:none;font-size:13px;transition:color .2s}.forgot-password-btn:hover{color:#667eea;text-decoration:underline}.buttons-row{gap:12px;margin-top:8px;display:flex}.github-button{cursor:pointer;background:#1a202c;border:none;border-radius:40px;flex:1;justify-content:center;align-items:center;max-width:calc(50% - 6px);height:38px;margin:0;padding:0;transition:all .2s;display:flex;overflow:visible}.github-button:hover{background:#2d3748;transform:translateY(-2px)}.github-icon{object-fit:contain;border-radius:40px;width:auto;height:38px;display:block}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:40px;flex:1;justify-content:center;align-items:center;min-width:100px;max-width:120px;height:38px;font-size:15px;font-weight:600;display:flex}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #667eea66}.login-button:disabled,.github-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-account{text-align:center;margin-top:auto;padding-top:20px}.create-account-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:14px;transition:all .2s}.create-account-btn:hover{color:#667eea;text-decoration:underline}.error-message{color:#ff6b6b;text-align:center;background:#dc354526;border:1px solid #dc3545;border-radius:12px;margin-bottom:10px;padding:10px;font-size:14px}.an-page{color:#fff;box-sizing:border-box;background-color:#121212;min-height:100vh;padding:40px 200px;font-family:Plus Jakarta Sans,sans-serif}.an-header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.an-logo-section{align-items:center;gap:15px;display:flex}.an-main-logo{width:80px;height:auto}.an-logo-text{font-size:64px;font-weight:700}.an-header-right{align-items:center;gap:20px;display:flex}.an-profile-img{cursor:pointer;border-radius:15px;width:56px;height:56px;transition:transform .2s}.an-profile-img:hover{transform:scale(1.05)}.an-page-title{margin:0 0 50px;font-size:40px;font-weight:700}.an-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));justify-content:start;gap:40px;display:grid}.an-card{cursor:pointer;box-sizing:border-box;background:#1e1e1e;border:1px solid #333;border-radius:40px;flex-direction:column;justify-content:space-between;align-items:center;height:480px;padding:40px;transition:all .3s;display:flex}.an-card:hover{background:#252525;border-color:#6c5ce7;transform:translateY(-5px)}.an-upload-card{border:2px dashed #444;justify-content:center;gap:30px}.an-plus-circle{background-color:#2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:76px;transition:background-color .2s;display:flex}.an-upload-card:hover .an-plus-circle{background-color:#6c5ce7}.an-plus-circle span{color:#fff;justify-content:center;align-items:center;margin:0;padding:0;font-size:40px;font-weight:700;line-height:1;display:flex;transform:translateY(-3px)}.an-loading{pointer-events:none;opacity:.5}.an-image-wrapper{flex-shrink:0;justify-content:center;align-items:center;height:140px;margin-top:10px;display:flex}.an-document-img{object-fit:contain;width:auto;height:130px}.an-card-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.an-card-content h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.2;overflow:hidden}.an-card-content p{color:#a0a0a0;margin:0;font-size:18px;font-weight:700;line-height:1.4}.an-text-center{text-align:center}.an-card-footer{flex-shrink:0;justify-content:center;width:100%;display:flex}.an-arrow-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;font-weight:700;transition:transform .2s,background-color .2s,color .2s;display:flex}.an-card:hover .an-arrow-btn{color:#fff;background:#6c5ce7;transform:scale(1.1)}.res-page{color:#fff;box-sizing:border-box;background-color:#121212;min-height:100vh;padding:40px 200px;font-family:Plus Jakarta Sans,sans-serif}.res-header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.res-logo-section{align-items:center;gap:15px;display:flex}.res-main-logo{width:80px}.res-logo-text{font-size:64px;font-weight:700}.res-profile-img{border-radius:15px;width:56px;height:56px}.res-container{max-width:1200px;margin:0 auto}.res-hero{text-align:center;margin-bottom:50px}.res-title{margin-bottom:40px;font-size:48px;font-weight:800}.res-main-stats{justify-content:center;gap:30px;display:flex}.res-stat-card{background:#1e1e1e;border:1px solid #333;border-radius:30px;flex-direction:column;align-items:center;gap:10px;min-width:250px;padding:30px 50px;display:flex}.res-stat-label{color:#a0a0a0;font-size:18px;font-weight:600}.res-stat-value{color:#5f47e7;font-size:42px;font-weight:800}.res-demand-wrapper{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.res-progress-bg{background:#ffffff0d;border-radius:5px;width:100%;height:10px;overflow:hidden}.res-progress-fill{background:linear-gradient(90deg,#5f47e7 0%,#a29bfe 100%);border-radius:5px;height:100%}.res-details-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:60px;display:grid}.res-section{background:#1e1e1e;border:1px solid #333;border-radius:30px;padding:35px}.res-section h3{align-items:center;gap:12px;margin-bottom:25px;font-size:24px;font-weight:700;display:flex}.res-section ul{flex-direction:column;gap:15px;margin:0;padding:0;list-style:none;display:flex}.res-section li{color:#ccc;padding-left:20px;font-size:16px;line-height:1.5;position:relative}.res-section li:before{content:"•";color:#5f47e7;position:absolute;left:0}.strong-points{border-top:5px solid #10b981}.red-flags{border-top:5px solid #ff453a}.recommendations{border-top:5px solid #5f47e7}.res-actions{justify-content:center;gap:20px;margin-top:40px;display:flex}.res-back-btn,.res-start-btn{cursor:pointer;border:none;border-radius:15px;padding:18px 40px;font-size:18px;font-weight:700;transition:all .2s}.res-back-btn{color:#fff;background:#ffffff0d;border:1px solid #333}.res-start-btn{color:#fff;background:#5f47e7}.res-back-btn:hover{background:#ffffff1a}.res-start-btn:hover{background:#7d6df3;transform:translateY(-2px)}.res-error-container{color:#fff;background:#121212;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.all-page{color:#fff;box-sizing:border-box;background-color:#121212;min-height:100vh;padding:40px 200px;font-family:Plus Jakarta Sans,sans-serif}.all-header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.all-logo-section{align-items:center;gap:15px;display:flex}.all-main-logo{width:80px;height:auto}.all-logo-text{font-size:64px;font-weight:700}.all-header-right{align-items:center;gap:20px;display:flex}.all-status-orb{background-color:#10b981;border-radius:50%;width:12px;height:12px;box-shadow:0 0 10px #10b98199}.all-profile-img{cursor:pointer;border-radius:15px;width:56px;height:56px;transition:transform .2s}.all-profile-img:hover{transform:scale(1.05)}.all-page-title{margin:0 0 50px;font-size:40px;font-weight:700}.all-empty-text{color:#a0a0a0;font-size:20px}.all-grid{grid-template-columns:repeat(auto-fill,380px);justify-content:center;gap:40px;padding-bottom:60px;display:grid}.all-card{cursor:pointer;box-sizing:border-box;background:#1e1e1e;border:1px solid #333;border-radius:40px;flex-direction:column;justify-content:space-between;align-items:center;width:380px;height:460px;padding:40px;transition:all .3s;display:flex;position:relative}.all-card:hover{background:#252525;border-color:#6c5ce7;transform:translateY(-5px)}.all-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;top:25px;left:25px}.badge-normal{color:#a29bfe;background-color:#6c5ce733;border:1px solid #6c5ce766}.badge-analysis{color:#10b981;background-color:#10b98133;border:1px solid #10b98166}.all-image-wrapper{flex-shrink:0;justify-content:center;align-items:center;height:120px;margin-top:20px;display:flex}.all-document-img{object-fit:contain;width:auto;height:110px}.all-card-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.all-card-content h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.2;overflow:hidden}.all-card-content p{color:#a0a0a0;margin:0;font-size:18px;font-weight:700;line-height:1.4}.all-card-footer{flex-shrink:0;justify-content:center;width:100%;display:flex}.all-arrow-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;font-weight:700;transition:transform .2s,background-color .2s,color .2s;display:flex}.all-card:hover .all-arrow-btn{color:#fff;background:#6c5ce7;transform:scale(1.1)}.all-delete-btn{color:#ff453a;cursor:pointer;z-index:10;opacity:0;background:#ff453a1a;border:1px solid #ff453a4d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:15px;right:15px}.all-card:hover .all-delete-btn{opacity:1}.all-delete-btn:hover{color:#fff;background:#ff453a;transform:scale(1.1)}.all-loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.all-loading-modal{text-align:center;background:#1e1e1e;border:1px solid #333;border-radius:40px;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:500px;padding:50px;display:flex;box-shadow:0 20px 50px #00000080}.all-loading-modal h2{color:#fff;font-size:28px;font-weight:800}.all-loading-modal p{color:#a0a0a0;font-size:18px}.all-spinner{border:5px solid #5f47e71a;border-top-color:#5f47e7;border-radius:50%;width:60px;height:60px;animation:1s linear infinite all-spin}@keyframes all-spin{to{transform:rotate(360deg)}}.all-plus-circle{color:#000;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;font-size:40px;transition:transform .3s;display:flex}.all-card:hover .all-plus-circle{color:#fff;background:#6c5ce7;transform:rotate(90deg)scale(1.1)}.all-upload-card{border-style:dashed}.all-text-center{text-align:center}.setup-page{color:#fff;box-sizing:border-box;background-color:#121212;min-height:100vh;padding:40px 200px;font-family:Plus Jakarta Sans,sans-serif}.setup-header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.setup-logo-section{align-items:center;gap:15px;display:flex}.setup-main-logo{width:80px}.setup-logo-text{font-size:64px;font-weight:700}.setup-profile-img{border-radius:15px;width:56px;height:56px}.setup-container{text-align:center;max-width:600px;margin:0 auto}.setup-title{margin-bottom:40px;font-size:40px;font-weight:700}.setup-card{background:#1e1e1e;border:1px solid #333;border-radius:30px;flex-direction:column;gap:30px;padding:40px;display:flex}.setup-field{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.setup-field label{color:#a0a0a0;font-size:18px;font-weight:700}.setup-field input,.setup-field select{color:#fff;background:#252525;border:1px solid #333;border-radius:12px;outline:none;width:100%;padding:15px;font-size:18px}.setup-field input:focus,.setup-field select:focus{border-color:#6c5ce7}.setup-start-btn{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:15px;margin-top:20px;padding:20px;font-size:20px;font-weight:700;transition:transform .2s,background .2s}.setup-start-btn:hover{background:#7d6df3;transform:translateY(-2px)}.setup-start-btn:disabled{opacity:.6;cursor:not-allowed}.resume-stats-page{color:#fff;background-color:#121212;min-height:100vh;padding-bottom:50px;font-family:Plus Jakarta Sans,sans-serif}.stats-header{background-color:#121212;justify-content:space-between;align-items:center;height:100px;padding:0 40px;display:flex}.logo-section{align-items:center;gap:12px;display:flex}.main-logo-img{width:50px;height:50px}.logo-textWork{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:32px;font-weight:800}.header-right{align-items:center;gap:20px;display:flex}.status-orb{background-color:#5f47e7;border-radius:50%;width:12px;height:12px;box-shadow:0 0 15px #5f47e780}.profile-img{object-fit:cover;cursor:pointer;border-radius:50%;width:60px;height:60px}.stats-container{max-width:1200px;margin:40px auto;padding:0 20px}.stats-welcome{text-align:center;margin-bottom:40px}.stats-welcome h1{background:linear-gradient(90deg,#fff 0%,#a0a0a0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:42px;font-weight:800}.stats-welcome p{color:#a0a0a0;font-size:18px}.stats-summary-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px;display:grid}.summary-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;padding:30px;transition:transform .3s}.summary-card:hover{background:#5f47e70d;border-color:#5f47e733;transform:translateY(-5px)}.summary-card h3{color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-size:16px}.summary-value{color:#5f47e7;font-size:42px;font-weight:800}.charts-grid{grid-template-columns:1.5fr 1fr;gap:30px;display:grid}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}.chart-wrapper{background:#ffffff08;border:1px solid #ffffff0d;border-radius:24px;padding:30px}.chart-wrapper h2{color:#fff;margin-bottom:30px;font-size:22px;font-weight:700}.chart-container{width:100%;height:300px}.stats-loading,.stats-error{color:#fff;text-align:center;background:#121212;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.stats-spinner{border:5px solid #5f47e71a;border-top-color:#5f47e7;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stats-error h2{margin-bottom:15px;font-size:32px}.stats-error p{color:#a0a0a0;margin-bottom:30px}.stats-error button{color:#fff;cursor:pointer;background:#5f47e7;border:none;border-radius:12px;padding:15px 40px;font-weight:700;transition:all .2s}.stats-error button:hover{background:#7d6df3;transform:translateY(-2px)}.recommendations-section{margin-top:50px}.recommendations-section h2{text-align:center;margin-bottom:30px;font-size:26px;font-weight:800}.recommendations-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.recommendation-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;align-items:flex-start;gap:20px;padding:25px;transition:all .2s;display:flex}.recommendation-item:hover{background:#5f47e708;border-color:#5f47e733;transform:scale(1.02)}.rec-number{color:#fff;background:#5f47e7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.recommendation-item p{color:#ccc;margin:0;font-size:16px;line-height:1.5}.profile-page{color:#fff;box-sizing:border-box;background-color:#121212;min-height:100vh;padding:40px 200px;font-family:Plus Jakarta Sans,sans-serif}.profile-header{justify-content:flex-start;margin-bottom:60px;display:flex}.profile-logo-section{align-items:center;gap:15px;display:flex}.profile-main-logo{width:80px}.profile-logo-text{font-size:64px;font-weight:700}.profile-container{flex-direction:column;gap:30px;max-width:900px;margin:0 auto;display:flex}.profile-card{background:#1e1e1e;border:1px solid #333;border-radius:40px;padding:40px;transition:transform .3s}.main-info{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-avatar-wrapper{margin-bottom:25px;position:relative}.profile-big-avatar{border:3px solid #5f47e7;border-radius:40px;width:140px;height:140px}.profile-status-orb{background:#10b981;border:4px solid #1e1e1e;border-radius:50%;width:25px;height:25px;position:absolute;bottom:5px;right:-5px;box-shadow:0 0 15px #10b98180}.profile-username{margin-bottom:10px;font-size:36px;font-weight:800}.profile-email{color:#a0a0a0;margin-bottom:15px;font-size:20px}.profile-id{color:#444;font-family:monospace;font-size:14px}.profile-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.full-width{grid-column:span 2}.balance-card,.subscription-card{border:1px solid #333;flex-direction:column;justify-content:space-between;display:flex}.subscription-card{border:2px solid #5f47e733}.balance-card h3,.subscription-card h3,.stats-mini h3{color:#a0a0a0;margin-bottom:20px;font-size:20px}.sub-details{flex-direction:column;gap:15px;margin-bottom:25px;display:flex}.tariff-name{color:#5f47e7;text-transform:uppercase;font-weight:800}.sub-status{margin-top:auto}.status-badge{text-transform:uppercase;border-radius:12px;padding:8px 20px;font-size:14px;font-weight:700;display:inline-block}.status-badge.active{color:#10b981;background:#10b9811a;border:1px solid #10b9814d}.status-badge.inactive{color:#ff453a;background:#ff453a1a;border:1px solid #ff453a4d}.balance-value{align-items:baseline;gap:10px;margin-bottom:30px;display:flex}.token-count{color:#5f47e7;font-size:64px;font-weight:800}.token-label{color:#fff;font-size:24px;font-weight:600}.top-up-btn{color:#fff;cursor:pointer;background:#5f47e7;border:none;border-radius:20px;padding:18px;font-size:18px;font-weight:700;transition:all .2s}.top-up-btn:hover{background:#7d6df3;transform:scale(1.02)}.account-details{flex-direction:column;gap:15px;margin-bottom:40px;display:flex}.detail-item{color:#ccc;justify-content:space-between;font-size:18px;display:flex}.status-verified{color:#10b981;font-weight:700}.logout-btn{color:#ff453a;cursor:pointer;background:#ff453a1a;border:1px solid #ff453a4d;border-radius:18px;width:100%;padding:15px;font-weight:700;transition:all .2s}.logout-btn:hover{color:#fff;background:#ff453a}.profile-loading-overlay{background:#121212;justify-content:center;align-items:center;height:100vh;display:flex}.profile-spinner{border:4px solid #5f47e71a;border-top-color:#5f47e7;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}