@font-face{font-family:Cal Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cal-sans-vietnamese-400-normal-ZD4NtNj8.woff2) format("woff2"),url(/assets/cal-sans-vietnamese-400-normal-I4QIi_z4.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cal Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cal-sans-latin-ext-400-normal-TtpXEvyb.woff2) format("woff2"),url(/assets/cal-sans-latin-ext-400-normal-BkuRabHn.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cal Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cal-sans-latin-400-normal-Dbkae8dt.woff2) format("woff2"),url(/assets/cal-sans-latin-400-normal-xE-7h5s-.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.plan-choice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.plan-choice-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-width:480px;width:100%;padding:2rem 2rem 1.75rem;text-align:center;box-shadow:0 8px 32px #0000001f;max-height:calc(100vh - 2rem);overflow-y:auto;margin:auto}.plan-choice-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1.5rem}.plan-choice-logo-icon{width:36px;height:36px;background:#4299e1;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:none;color:#fff;flex-shrink:0}.plan-choice-logo-text{font-size:1.25rem;font-weight:600;color:#2d3748;letter-spacing:-.3px}.plan-choice-title{font-size:1.45rem;font-weight:700;color:#1a202c;margin:0 0 .5rem;line-height:1.25}.plan-choice-subtitle{font-size:.9rem;color:#718096;margin:0 0 1.5rem;line-height:1.55}.plan-choice-highlight{color:#4299e1;font-weight:600}.trial-features{background:#f7faff;border:1px solid #bee3f8;border-radius:14px;padding:1rem 1.25rem;margin-bottom:1.5rem;text-align:left}.trial-features-title{font-size:.75rem;font-weight:700;color:#4299e1;text-transform:uppercase;letter-spacing:.07em;margin:0 0 .75rem}.trial-feature-item{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#4a5568;margin-bottom:.45rem}.trial-feature-item:last-child{margin-bottom:0}.trial-feature-check{color:#4299e1;flex-shrink:0}.plan-choice-actions{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1rem}.btn-trial{width:100%;padding:.8rem 1.5rem;background:#4299e1;color:#fff;font-weight:700;font-size:.9375rem;border:none;border-radius:12px;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:none}.btn-trial:hover{opacity:.92;transform:translateY(-1px)}.btn-pay-now{width:100%;padding:.8rem 1.5rem;background:transparent;color:#4299e1;font-weight:600;font-size:.9rem;border:1.5px solid #bee3f8;border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s}.btn-pay-now:hover{background:#ebf8ff;border-color:#4299e1}.plan-choice-note{font-size:.75rem;color:#a0aec0;line-height:1.45;margin:0}@media (max-width: 520px){.plan-choice-modal{padding:1.5rem 1.25rem 1.25rem;border-radius:16px}.plan-choice-title{font-size:1.25rem}}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.paywall-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-width:980px;width:100%;max-height:calc(100vh - 2rem);overflow-y:auto;padding:2.25rem 2.25rem 2rem;box-shadow:0 8px 32px #0000001f;scrollbar-width:none;margin:auto}.paywall-modal::-webkit-scrollbar{display:none}.paywall-overlay--fullpage{background:#f8fafc;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;align-items:flex-start;overflow-y:auto}.paywall-modal--fullpage{border-radius:0;border:none;max-width:100%;max-height:none;min-height:100vh;box-shadow:none;padding:3rem 2.5rem 4rem;background:#f8fafc;margin:0}.paywall-back{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#4299e1;font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem 0;margin-bottom:.75rem;transition:opacity .15s}.paywall-back:hover{opacity:.75}.paywall-fullpage-close{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:#4a5568;font-size:.875rem;font-weight:600;cursor:pointer;padding:.25rem 0;margin-bottom:1.5rem;transition:opacity .15s}.paywall-fullpage-close:hover{opacity:.75}.paywall-close{position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:50%;color:#718096;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.paywall-close:hover{background:#edf2f7}.paywall-header{text-align:center;margin-bottom:1.75rem}.paywall-promo-card{width:min(100%,460px);display:flex;flex-direction:column;gap:0;background:#fff;border-radius:1rem;padding:.75rem 1rem;margin:0 auto 1.75rem;position:relative;overflow:hidden}.promo-anim-wrap{position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);width:200px;height:200px;opacity:.45;pointer-events:none}.promo-slide-counter{font-size:.7rem;font-weight:600;color:#a0aec0;letter-spacing:.05em;text-transform:uppercase}.promo-slide-text{font-size:2.25rem;font-weight:400;line-height:1.2;letter-spacing:-.0225rem;color:#0f172a;min-height:5.5rem;margin-top:.5rem;margin-bottom:2rem}.promo-cursor{display:inline-block;width:2px;height:1.1em;background:#0f172a;vertical-align:text-bottom;margin-left:2px;animation:blink 1s steps(2,start) infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.promo-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.25rem}.promo-nav-arrow{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:1px solid #e2e8f0;background:transparent;color:#4a5568;cursor:pointer;transition:background .15s}.promo-nav-arrow:hover{background:#f7fafc}.promo-nav-ring{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:0}.promo-nav-ring-icon{position:absolute;font-size:.65rem;color:#4a5568;line-height:1}.paywall-premium-button{width:100%;background:#2563eb;color:#fff;border:none;border-radius:.5rem;padding:.65rem 1rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s}.paywall-premium-button:hover{background:#1d4ed8}.paywall-badge{display:inline-block;background:#ebf8ff;border:1px solid #bee3f8;color:#4299e1;padding:.3rem .9rem;border-radius:999px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.75rem}.paywall-title{font-size:1.55rem;font-weight:700;color:#1a202c;margin:0 0 .5rem;line-height:1.2}.paywall-subtitle{font-size:.9rem;color:#718096;max-width:500px;margin:0 auto;line-height:1.55}.paywall-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media (max-width: 720px){.paywall-plans{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.paywall-plans{grid-template-columns:1fr}}.plan-card{background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:20px;padding:1.75rem 1.5rem 1.5rem;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;position:relative;display:flex;flex-direction:column;gap:0}.plan-card:hover{border-color:#4299e1;background:#ebf8ff;transform:translateY(-2px)}.plan-card.selected{border-color:#4299e1;background:#ebf8ff;box-shadow:0 0 0 3px #4299e126}.plan-card.popular-plan{border-color:#4299e1;background:#fff}.plan-popular-badge{position:absolute;top:-.7rem;left:50%;transform:translate(-50%);background:#4299e1;color:#fff;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .75rem;border-radius:999px;white-space:nowrap;box-shadow:none}.plan-name{font-size:1.05rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.plan-price{font-size:2.4rem;font-weight:800;color:#4299e1;line-height:1;margin-bottom:.15rem}.plan-price-cents{font-size:1.2rem;font-weight:600;vertical-align:super}.plan-interval{font-size:.78rem;color:#a0aec0;margin-bottom:.5rem}.plan-ngn-equiv{font-size:.8rem;color:#718096;margin-top:.15rem;margin-bottom:.75rem;font-weight:600}.plan-ngn-price{font-size:.72rem;color:#a0aec0;margin-bottom:.85rem;letter-spacing:.01em}.plan-savings-badge{position:absolute;top:-.7rem;right:.75rem;background:#38a169;color:#fff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.18rem .6rem;border-radius:999px;white-space:nowrap}.plan-discount-badge{display:inline-flex;align-items:center;gap:.4rem;background:#fef3c7;border:1px solid #fcd34d;color:#92400e;font-size:.68rem;font-weight:600;padding:.18rem .6rem;border-radius:999px;margin-bottom:.35rem}.plan-original-price{text-decoration:line-through;opacity:.65}.paywall-referral-section{margin-top:1.25rem;padding:1rem;background:#f0f4ff;border:1px solid #c7d9ff;border-radius:12px;text-align:center}.paywall-referral-title{font-size:.82rem;font-weight:600;color:#2d3748;margin-bottom:.65rem}.referral-progress-bar{width:100%;height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:.35rem}.referral-progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#667eea);border-radius:999px;transition:width .4s ease}.referral-progress-label{font-size:.72rem;color:#718096;margin-bottom:.75rem}.referral-copy-link{display:inline-flex;align-items:center;gap:.4rem;background:#4299e1;color:#fff;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .2s}.referral-copy-link:hover{background:#3182ce}.single-plan-referral{margin-top:.25rem;margin-bottom:.9rem}.single-plan-referral-label{font-size:.72rem;font-weight:700;color:#1d4ed8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.single-plan-referral-content{margin-top:0;padding:.65rem;border:1px solid #d6e4ff;border-radius:10px;background:#f7faff}.single-plan-referral-title{font-size:.75rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.plan-features-list{list-style:none;padding:0;margin:0 0 1.5rem;flex:1;display:flex;flex-direction:column;gap:.55rem}.plan-feature{display:flex;align-items:flex-start;gap:.6rem;font-size:.83rem;color:#4a5568;margin-bottom:0;line-height:1.4;background:#fff;border:1px solid #dbe7f3;border-radius:10px;padding:.5rem .6rem}.plan-feature-icon{color:#4299e1;flex-shrink:0;margin-top:2px}.btn-select-plan{width:100%;padding:.8rem 1rem;background:#4299e1;color:#fff;font-size:.88rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:auto;box-shadow:0 2px 8px #4299e14d}.btn-select-plan:hover{opacity:.9;transform:translateY(-1px)}.btn-select-plan:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 480px){.paywall-modal{padding:1.5rem 1rem;border-radius:16px}.paywall-title{font-size:1.25rem}}.lp-dropdown--explore{position:absolute;top:calc(100% + 1px);left:0;right:0;width:100%;min-width:0;max-width:none;padding:0;margin-top:0;border-radius:0;border:none;border-bottom:1px solid #e5e7eb;background:#fff;box-shadow:0 10px 32px #0000001f;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.lp-dropdown__explore-shell{max-width:1400px;margin:0 auto;display:block}.lp-dropdown__explore-rail{background:#fafbfc;border-right:1px solid #f3f4f6;padding:28px 24px 28px 30px}.lp-dropdown__explore-rail-inner{display:flex;flex-direction:column;gap:10px}.lp-dropdown__explore-rail-title{font-size:17px;font-weight:700;color:#222}.lp-dropdown__explore-rail-sub{font-size:14px;color:#6b7280;line-height:1.5}.lp-dropdown__explore-rail-image{width:100%;border-radius:10px}.lp-dropdown__explore-rail-link{color:#4299e1;font-size:14px;font-weight:600;text-decoration:none}.lp-nav-v2__link-text{position:relative;display:inline-block;padding-bottom:2px}.lp-nav-v2__link-text:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.lp-nav-v2__link:hover .lp-nav-v2__link-text:after,.lp-nav-v2__link:focus-visible .lp-nav-v2__link-text:after{transform:scaleX(1)}.lp-dropdown__explore-body{padding:28px 30px;max-height:min(70vh,680px);overflow-y:auto}.lp a,.lp .lp-nav-v2__link,.lp .lp-dropdown__explore-skill,.lp .lp-dropdown__name{position:relative;text-decoration:none}.lp .lp-dropdown__name{display:inline-block}.lp a:after,.lp .lp-nav-v2__link:after,.lp .lp-dropdown__explore-skill:after,.lp .lp-dropdown__name:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.lp a:hover:after,.lp a:focus-visible:after,.lp .lp-nav-v2__link:hover:after,.lp .lp-nav-v2__link:focus-visible:after,.lp .lp-dropdown__explore-skill:hover:after,.lp .lp-dropdown__explore-skill:focus-visible:after,.lp .lp-dropdown__item:hover .lp-dropdown__name:after,.lp .lp-dropdown__item:focus-visible .lp-dropdown__name:after{transform:scaleX(1)}.lp-logo-v2:after,.lp-logo:after,.lp-btn-outline:after{display:none}.animate-dropdown{animation:dropdownIn .32s cubic-bezier(.4,0,.2,1)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lp-reveal--visible{animation:lp-reveal-up .85s cubic-bezier(.22,1,.36,1) both}@keyframes lp-reveal-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes lp-reveal-left{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes lp-reveal-right{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes lp-reveal-scale{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.lp-feat-row.lp-reveal--visible{animation:lp-reveal-left .75s cubic-bezier(.22,1,.36,1) both}.lp-feat-row.lp-feat-row--rev.lp-reveal--visible{animation:lp-reveal-right .75s cubic-bezier(.22,1,.36,1) both}.lp-community-partner.lp-reveal--visible{animation:lp-reveal-up .8s cubic-bezier(.22,1,.36,1) both}.lp-reveal--visible .lp-bento__item{animation:lp-reveal-scale .6s cubic-bezier(.22,1,.36,1) both}.lp-reveal--visible .lp-bento__item:nth-child(1){animation-delay:.05s}.lp-reveal--visible .lp-bento__item:nth-child(2){animation-delay:.13s}.lp-reveal--visible .lp-bento__item:nth-child(3){animation-delay:.21s}.lp-reveal--visible .lp-bento__item:nth-child(4){animation-delay:.29s}.lp-reveal--visible .lp-bento__item:nth-child(5){animation-delay:.37s}.lp-reveal--visible .lp-bento__item:nth-child(6){animation-delay:.45s}.lp-reveal--visible .lp-step{animation:lp-reveal-up .65s cubic-bezier(.22,1,.36,1) both}.lp-reveal--visible .lp-step:nth-child(1){animation-delay:0s}.lp-reveal--visible .lp-step:nth-child(2){animation-delay:.12s}.lp-reveal--visible .lp-step:nth-child(3){animation-delay:.24s}.lp-reveal--visible .lp-step:nth-child(4){animation-delay:.36s}.lp-reveal--visible .lp-testi{animation:lp-reveal-scale .65s cubic-bezier(.22,1,.36,1) both}.lp-reveal--visible .lp-testi:nth-child(1){animation-delay:.05s}.lp-reveal--visible .lp-testi:nth-child(2){animation-delay:.18s}.lp-reveal--visible .lp-testi:nth-child(3){animation-delay:.31s}.lp-dropdown__explore-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:36px;align-content:start}.lp-dropdown__explore-col{min-width:0}.lp-dropdown__explore-cat{font-size:13px;font-weight:700;color:#6b7280;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.lp-dropdown__explore-skills{display:flex;flex-direction:column;gap:6px}.lp-dropdown__explore-skill{background:none;border:none;color:#222;font-size:15px;font-weight:500;text-align:left;padding:8px 10px;border-radius:7px;cursor:pointer;transition:background .14s,color .14s}.lp-dropdown__explore-skill:hover{background:#f3f4f6;color:#000}.lp-dropdown__explore-skill-text{position:relative;display:inline-block;padding-bottom:2px}.lp-dropdown__explore-skill-text:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.lp-dropdown__explore-skill:hover .lp-dropdown__explore-skill-text:after,.lp-dropdown__explore-skill:focus-visible .lp-dropdown__explore-skill-text:after{transform:scaleX(1)}.lp-dropdown__explore-footer{margin-top:28px;padding-top:20px;border-top:1px solid #e5e7eb;color:#4299e1;font-size:14px;font-weight:600;line-height:1.6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.lp{background:#0a0a0a;color:#e2e8f0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;overflow-x:clip}.lp-nav-v2{position:sticky;top:0;z-index:200;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px #00000014}.lp-nav-v2__container{max-width:1400px;margin:0 auto;padding:0 32px;height:72px;display:flex;align-items:center;gap:48px}.lp-logo-v2{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.lp-logo-v2__text{font-size:17px;font-weight:700;color:#000;letter-spacing:-.4px}.lp-logo-v2__icon{width:36px;height:36px;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.lp-nav-v2__menu{display:flex;gap:4px;align-items:center;flex:1}.lp-nav-v2__item{position:relative;display:flex;align-items:center}.lp-nav-v2__link{background:none;border:none;color:#000;font-size:15px;font-weight:500;cursor:pointer;padding:8px 14px;border-radius:6px;text-decoration:none;display:flex;align-items:center;gap:6px;transition:background-color .15s,color .15s}.lp-nav-v2__link:hover{background-color:#0000000d;color:#000}.lp-nav-v2__link a{color:inherit;text-decoration:none}.lp-nav-v2__dropdown{position:relative}.lp-nav-v2__dropdown--mega{position:static}.lp-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 10px 32px #0000001f;padding:12px;margin-top:8px;min-width:320px;z-index:210}@media (max-width: 1200px){.lp-dropdown__explore-rail{border-right:none;border-bottom:1px solid #f3f4f6;padding:20px 22px}.lp-dropdown__explore-body{padding:20px 22px;max-height:min(66vh,580px)}}.lp-dropdown__section{display:flex;flex-direction:column;gap:4px}.lp-dropdown__title{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;margin-bottom:4px}.lp-dropdown__item{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;color:#000;transition:background-color .15s}.lp-dropdown__item:hover{background-color:#f3f4f6}.lp-dropdown__item svg{width:16px;height:16px;color:#4299e1;flex-shrink:0;margin-top:2px}.lp-dropdown__name{font-size:14px;font-weight:500;color:#000}.lp-dropdown__desc{font-size:12px;color:#6b7280;margin-top:2px}.lp-nav-v2__actions{display:flex;gap:12px;align-items:center;margin-left:auto}.lp-nav-v2__mobile-toggle{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:#000;width:40px;height:40px;padding:8px;margin:0;align-items:center;justify-content:center;cursor:pointer}.lp-nav-v2__mobile-menu{display:none}.lp-nav-v2__mobile-link{text-decoration:none;color:#111827;font-size:15px;font-weight:600;padding:10px 0}.lp-nav-v2__mobile-link:hover{color:#000}.lp-nav-v2__mobile-link--button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;text-align:left;cursor:pointer;font-family:inherit}.lp-nav-v2__mobile-link--expandable{width:100%;display:flex;align-items:center;justify-content:space-between}.lp-nav-v2__mobile-chevron{transition:transform .18s ease}.lp-nav-v2__mobile-chevron--open{transform:rotate(180deg)}.lp-nav-v2__mobile-explore{display:flex;flex-direction:column;gap:12px;padding:4px 0 10px}.lp-nav-v2__mobile-explore-all{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#eff6ff;color:#1d4ed8;border-radius:10px;font-size:14px;font-weight:600;text-align:left;padding:12px 14px;cursor:pointer}.lp-nav-v2__mobile-explore-group{display:flex;flex-direction:column;gap:8px}.lp-nav-v2__mobile-explore-title{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.lp-nav-v2__mobile-explore-items{display:flex;flex-direction:column;gap:6px}.lp-nav-v2__mobile-explore-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#f9fafb;color:#111827;border-radius:10px;font-size:14px;font-weight:500;text-align:left;padding:10px 12px;cursor:pointer}.lp-nav-v2__mobile-explore-item:hover{background:#f3f4f6}.lp-nav-v2__action-label--mobile{display:none}.lp-nav-v2__login{background:none;border:1px solid rgba(0,0,0,.15);color:#000;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s,border-color .15s}.lp-nav-v2__login:hover{background-color:#0000000a;border-color:#00000040}.lp-nav-v2__cta{background:#000;color:#fff;border:none;padding:9px 22px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background-color .15s,transform .1s}.lp-nav-v2__cta:hover{background-color:#1a1a1a;transform:translateY(-1px)}.lp-nav-v2__action-btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:16px;font-weight:500;border-radius:8px;padding:12px 24px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;outline:none;border:none;margin-left:0;margin-right:0;box-shadow:none}.lp-nav-v2__action-btn--outline{background:#fff;color:#000;border:1.5px solid #000;font-weight:500;margin-right:12px}.lp-nav-v2__action-btn--outline:hover,.lp-nav-v2__action-btn--outline:focus-visible{background:#f3f4f6;border-color:#222}.lp-nav-v2__action-btn--primary{background:#000;color:#fff;font-weight:600;border:none;margin-left:0}.lp-nav-v2__action-btn--primary:hover,.lp-nav-v2__action-btn--primary:focus-visible{background:#222}.lp-nav-v2__action-btn:hover,.lp-nav-v2__action-btn:focus-visible{border-radius:0!important;transition:border-radius .18s,background .15s,color .15s,border-color .15s,box-shadow .15s}.lp-nav-v2__action-btn--primary svg{transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);transform:translate(0);opacity:.7}.lp-nav-v2__action-btn--primary:hover svg,.lp-nav-v2__action-btn--primary:focus-visible svg{transform:translate(8px) scale(1.1);opacity:1}.lp-nav{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ad9}.lp-nav__inner{max-width:1120px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:32px}.lp-nav__links{display:flex;gap:28px;margin-left:auto}.lp-nav__links a{color:#94a3b8;text-decoration:none;font-size:14px;transition:color .15s}.lp-nav__links a:hover{color:#e2e8f0}.lp-nav__actions{display:flex;gap:10px;align-items:center}.lp-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.lp-logo span{font-size:16px;font-weight:700;color:#f1f5f9;letter-spacing:-.3px}.lp-logo__icon{width:30px;height:30px;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.lp-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:#cbd5e0;padding:7px 16px;border-radius:8px;font-size:13.5px;cursor:pointer;transition:border-color .15s,color .15s}.lp-btn-ghost:hover{border-color:#ffffff59;color:#f1f5f9}.lp-btn-primary{background:#4299e1;color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:13.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;justify-content:center;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.lp-btn-primary:hover,.lp-btn-primary:focus-visible{background:#3182ce}.lp-btn-primary--lg{padding:13px 26px;font-size:15px;border-radius:10px}.lp-btn-primary--xl{padding:16px 36px;font-size:16px;border-radius:12px}.lp-btn-outline{background:transparent;color:#94a3b8;border:1px solid rgba(255,255,255,.15);padding:13px 26px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,color .15s,border-color .15s,box-shadow .15s}.lp-btn-outline:hover,.lp-btn-outline:focus-visible{border-color:#ffffff4d;color:#e2e8f0}.lp-btn-primary:hover,.lp-btn-primary:focus-visible,.lp-btn-outline:hover,.lp-btn-outline:focus-visible{border-radius:0;transition:border-radius .18s,background .15s,color .15s,border-color .15s,box-shadow .15s}.lp-btn-primary svg,.lp-btn-outline svg{transition:transform .18s cubic-bezier(.4,0,.2,1),opacity .18s cubic-bezier(.4,0,.2,1);transform:translate(0);opacity:.7}.lp-btn-primary:hover svg,.lp-btn-primary:focus-visible svg,.lp-btn-outline:hover svg,.lp-btn-outline:focus-visible svg{transform:translate(8px) scale(1.1);opacity:1}.lp-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0a0a}.lp-hero__stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.lp-hero__stage{position:absolute;top:0;left:50%;width:1306px;height:100%;transform:translate(-50%);isolation:isolate}.lp-hero__panel{position:absolute;top:50%;overflow:hidden;border-radius:12px;transition:left .62s cubic-bezier(.4,0,.2,1),width .62s cubic-bezier(.4,0,.2,1),height .62s cubic-bezier(.4,0,.2,1),filter .62s cubic-bezier(.4,0,.2,1),transform .62s cubic-bezier(.4,0,.2,1),opacity .62s cubic-bezier(.4,0,.2,1);background:transparent}.lp-hero__panel video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;background:#000;opacity:1}.lp-hero__panel--far-left{left:14px;width:146px;height:250px;opacity:.92;filter:brightness(.42) saturate(.62);transform:translateY(-50%) scale(.88);z-index:1}.lp-hero__panel--near-left{left:198px;width:238px;height:344px;opacity:.97;filter:brightness(.58) saturate(.82);transform:translateY(-50%) scale(.94);z-index:2}.lp-hero__panel--center{left:488px;width:364px;height:462px;opacity:1;filter:brightness(1) saturate(1);transform:translateY(-50%) scale(1);z-index:4}.lp-hero__panel--near-right{left:886px;width:238px;height:344px;opacity:.97;filter:brightness(.58) saturate(.82);transform:translateY(-50%) scale(.94);z-index:2}.lp-hero__panel--far-right{left:1148px;width:146px;height:250px;opacity:.92;filter:brightness(.42) saturate(.62);transform:translateY(-50%) scale(.88);z-index:1}.lp-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000002e;z-index:1}.lp-hero__card-wrap{position:absolute;top:66%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:14px;width:440px}.lp-hero__card{background:#fff;border-radius:16px;padding:16px 20px 14px;width:100%;display:flex;flex-direction:column;box-shadow:0 20px 56px #00000073}.lp-hero__card-h1{font-family:Space Grotesk,sans-serif!important;font-size:clamp(24px,2.3vw,34px);font-weight:700;line-height:1.12;letter-spacing:-.8px;color:#0f0f0f;margin-bottom:12px;min-height:2.2em;text-align:left}.lp .lp-hero__card .lp-hero__card-h1{font-family:Space Grotesk,sans-serif!important}.lp-hero__cursor{display:inline-block;color:#5b5ef4;font-weight:300;margin-left:1px;opacity:1}.lp-hero__cursor--blink{animation:lp-blink 1.1s step-end infinite}@keyframes lp-blink{0%,to{opacity:1}50%{opacity:0}}.lp-verb--in{opacity:1;transform:translateY(0)}.lp-verb--out{opacity:0;transform:translateY(-10px)}.lp-hero__card-cta{align-self:flex-end;background:#2f80ed;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:10px;padding:14px 24px;cursor:pointer;transition:background .2s,transform .15s;letter-spacing:-.1px;white-space:nowrap}.lp-hero__card-cta:hover{background:#1f6fda;transform:translateY(-1px)}.lp-hero__controls{display:flex;align-items:center;gap:10px;align-self:flex-start}.lp-hero__ctrl-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s}.lp-hero__ctrl-btn:hover{background:#ffffff40;border-color:#ffffffd9}.lp-hero__ctrl-btn--play{position:relative;width:52px;height:52px;background:transparent;border:none}.lp-hero__ctrl-btn--play:hover{background:#ffffff14}@keyframes lp-ring-fill{0%{stroke-dashoffset:138.23}to{stroke-dashoffset:0}}.lp-hero__sub{font-size:14px;color:#ffffffc7;line-height:1.6;max-width:520px;text-align:left;margin:0}.lp-hero__mockup{position:relative;display:inline-block;max-width:560px;width:100%}.lp-mockup{background:#111;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px #0009,0 0 0 1px #ffffff0a;text-align:left}.lp-mockup__bar{background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.06);padding:11px 14px;display:flex;align-items:center;gap:6px}.lp-mockup__dot{width:11px;height:11px;border-radius:50%;display:inline-block}.lp-mockup__dot--r{background:#fc8181}.lp-mockup__dot--y{background:#f6ad55}.lp-mockup__dot--g{background:#68d391}.lp-mockup__url{margin-left:8px;font-size:11px;color:#4a5568}.lp-mockup__body{padding:20px}.lp-mock-header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.lp-mock-avatar,.lp-mock-avatar-box{width:32px;height:32px;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.lp-mock-line{height:8px;background:#2d3748;border-radius:4px}.lp-mock-line--md{width:120px;margin-bottom:4px}.lp-mock-line--sm{width:80px}.lp-mock-line--xs{width:60px}.lp-mock-line--muted{background:#1a2535}.lp-mock-label{font-size:11px;color:#4a5568;text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.lp-mock-skill{margin-bottom:12px}.lp-mock-skill__top{display:flex;justify-content:space-between;margin-bottom:5px}.lp-mock-skill__name{font-size:12.5px;color:#94a3b8}.lp-mock-skill__pct{font-size:11px;color:#4a5568}.lp-mock-skill__bar,.lp-mock-skill__track{height:5px;background:#1a2535;border-radius:3px;overflow:hidden}.lp-mock-skill__fill{height:100%;border-radius:3px;transition:width 1s}.lp-mock-stats{display:flex;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.05)}.lp-mock-stat{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#64748b}.lp-float{position:absolute;background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:7px 13px;font-size:12px;color:#e2e8f0;display:flex;align-items:center;gap:6px;box-shadow:0 8px 24px #0006;white-space:nowrap}.lp-float--tl{top:-18px;left:-20px}.lp-float--br{bottom:-18px;right:-20px}.lp-proof{padding:34px 24px 26px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at top center,rgba(66,153,225,.08),transparent 42%),#0b0b0c;overflow:hidden}.lp-proof__inner{max-width:1160px;margin:0 auto}.lp-proof__label{font-size:11px;color:#e2e8f094;text-transform:uppercase;letter-spacing:1.6px;margin:0 0 18px}.lp-proof__marquee{display:flex;overflow:hidden;gap:0;mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 9%,black 91%,transparent)}.lp-marquee-track{display:flex;gap:34px;align-items:center;justify-content:center;padding:8px 6px;animation:scroll-left 30s linear infinite;will-change:transform}.lp-marquee-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:110px;height:64px}.lp-marquee-item img{height:54px;width:auto;object-fit:contain;display:block;filter:grayscale(100%) opacity(.82);transition:filter .2s ease,transform .2s ease}.lp-marquee-item:hover img{transform:translateY(-1px) scale(1.03);filter:grayscale(0%) opacity(1)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.lp-features,.lp-testimonials,.lp-footer{max-width:1160px;margin:0 auto}.lp-features,.lp-testimonials{padding:128px 32px 112px}.lp-section-eyebrow,.lp-section-label,.lp-cta__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#93c5fde6;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;margin-bottom:18px}.lp-section-head{display:grid;gap:20px;margin-bottom:72px}.lp-section-head--split{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:end}.lp-section-head--center{justify-items:center;text-align:center}.lp-section-head__title{max-width:760px}.lp-section-h2{font-size:clamp(38px,5vw,66px);font-weight:800;color:#f8fafc;line-height:.98;letter-spacing:-2.2px;margin:0;text-align:left}.lp-section-head--center .lp-section-h2{text-align:center}.lp-section-sub{font-size:17px;color:#cbd5e1b8;line-height:1.72;margin:0}.lp-section-sub--side{max-width:34ch}.lp-feat-row{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;align-items:center;margin-bottom:34px;padding:38px;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#ffffff0a,#ffffff04),#0c0d11;overflow:hidden}.lp-feat-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,255,255,.07),transparent 36%);pointer-events:none}.lp-feat-row--rev{direction:rtl}.lp-feat-row--rev>*{direction:ltr}.lp-feat-row__text{position:relative;z-index:1;max-width:460px}.lp-feat-row__text h3{font-size:clamp(30px,2.9vw,42px);font-weight:750;color:#f8fafc;line-height:1.05;letter-spacing:-1.2px;margin:18px 0 16px}.lp-feat-row__text p{font-size:16.5px;color:#cbd5e1c2;line-height:1.74;margin-bottom:28px}.lp-feat-chip{display:inline-flex;align-items:center;gap:7px;color:var(--chip-c, #4299e1);background:color-mix(in srgb,var(--chip-c, #4299e1) 13%,transparent);border:1px solid color-mix(in srgb,var(--chip-c, #4299e1) 26%,transparent);font-size:11px;font-weight:700;padding:7px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:1px}.lp-feat-chip--blue{--chip-c: #6cb6ff}.lp-feat-chip--purple{--chip-c: #b794f4}.lp-feat-chip--green{--chip-c: #68d391}.lp-feat-list{list-style:none;display:flex;flex-direction:column;gap:12px}.lp-feat-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:#e2e8f0bd;line-height:1.5}.lp-feat-list li svg{color:#7dd3a6;flex-shrink:0;margin-top:2px}.lp-feat-row__visual{position:relative;z-index:1;min-height:420px;padding:18px;display:flex;align-items:stretch;justify-content:stretch;border-radius:28px;border:1px solid var(--vis-border, rgba(255,255,255,.1));background:linear-gradient(160deg,#ffffff14,#ffffff05),var(--vis-bg, #111);box-shadow:inset 0 1px #ffffff0f,0 40px 90px #00000061}.lp-plan-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;width:100%;max-width:320px}.lp-plan-card__head{font-size:12px;color:#4299e1;display:flex;align-items:center;gap:6px;margin-bottom:14px;font-weight:600}.lp-plan-card__row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.04)}.lp-plan-card__row:last-child{border:none}.lp-plan-card__dot{width:8px;height:8px;border-radius:50%;background:#2d3748;flex-shrink:0}.lp-plan-card__dot--done{background:#4299e1}.lp-plan-card__done-text{color:#4a5568;text-decoration:line-through}.lp-feat-row__visual--blue{--vis-bg: rgba(34,74,122,.22);--vis-border: rgba(108,182,255,.22)}.lp-feat-row__visual--purple{--vis-bg: rgba(73,52,118,.24);--vis-border: rgba(183,148,244,.22)}.lp-feat-row__visual--green{--vis-bg: rgba(38,87,67,.24);--vis-border: rgba(104,211,145,.22)}.lp-feat-row__visual--screenshot{padding:16px;overflow:hidden}.lp-feat-screenshot{width:100%;height:100%;min-height:386px;object-fit:cover;object-position:top center;border-radius:22px;display:block;will-change:transform;transform:translateZ(0);box-shadow:0 18px 40px #00000047}.lp-community-partner{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:34px;align-items:center;margin:20px 0 48px;padding:30px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:radial-gradient(circle at top right,rgba(66,153,225,.14),transparent 42%),linear-gradient(145deg,#ffffff0d,#ffffff04),#0d0f14}.lp-community-partner__content h3{font-size:clamp(28px,2.6vw,40px);line-height:1.08;letter-spacing:-1px;color:#f8fafc;margin:16px 0 14px}.lp-community-partner__content p{font-size:16px;line-height:1.7;color:#cbd5e1c2;margin-bottom:18px;max-width:52ch}.lp-community-partner__visual{display:flex;justify-content:center}.lp-community-partner__banner{width:100%;max-width:460px;height:260px;object-fit:cover;border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 54px #00000057}.lp-feat-card{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;width:100%;max-width:320px}.lp-feat-card__tag{font-size:11.5px;color:#4299e1;font-weight:600;display:flex;align-items:center;gap:5px;margin-bottom:10px}.lp-feat-card__title{font-size:15px;font-weight:700;color:#f1f5f9;margin-bottom:14px}.lp-feat-card__row{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.04)}.lp-feat-card__row:last-child{border:none}.lp-feat-card__dot{width:8px;height:8px;border-radius:50%;background:#2d3748;flex-shrink:0}.lp-feat-card__dot--done{background:#4299e1}.lp-chat{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;width:100%;max-width:320px;display:flex;flex-direction:column;gap:10px}.lp-chat__msg{max-width:90%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5}.lp-chat__msg--user{background:#4299e12e;color:#90cdf4;align-self:flex-end;border-bottom-right-radius:3px}.lp-chat__msg--ai{background:#1a1a2e;color:#94a3b8;align-self:flex-start;border-bottom-left-radius:3px}.lp-chat__label,.lp-chat__ai-label{display:flex;align-items:center;gap:4px;font-size:10px;color:#9f7aea;font-weight:600;margin-bottom:4px}.lp-chat__msg--typing{display:flex;gap:5px;padding:12px 16px}.lp-chat__msg--typing span{width:7px;height:7px;background:#4a5568;border-radius:50%;animation:lp-bounce 1.2s infinite}.lp-chat__msg--typing span:nth-child(2){animation-delay:.2s}.lp-chat__msg--typing span:nth-child(3){animation-delay:.4s}@keyframes lp-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.lp-portfolio{background:#111;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;width:100%;max-width:300px}.lp-portfolio__header,.lp-portfolio__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.lp-portfolio__avatar,.lp-portfolio__av{width:40px;height:40px;background:linear-gradient(135deg,#4299e1,#9f7aea);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.lp-portfolio__name{font-size:14px;font-weight:700;color:#f1f5f9}.lp-portfolio__sub,.lp-portfolio__meta{font-size:11.5px;color:#4a5568;margin-top:2px}.lp-portfolio__certs{display:flex;flex-direction:column;gap:8px}.lp-portfolio__cert{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px 12px}.lp-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin-top:18px}.lp-bento__item{grid-column:span 4;background:linear-gradient(145deg,#ffffff0d,#ffffff04),#0e1015;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:28px 26px 24px;transition:border-color .18s ease,transform .18s ease,background .18s ease;min-height:200px}.lp-bento__item:hover{border-color:#ffffff29;transform:translateY(-3px)}.lp-bento__item--wide{grid-column:span 6}.lp-bento__item--accent{background:radial-gradient(circle at top right,rgba(108,182,255,.18),transparent 46%),linear-gradient(145deg,#ffffff0d,#ffffff04),#0e1015}.lp-bento__item--muted{background:radial-gradient(circle at top left,rgba(104,211,145,.14),transparent 42%),linear-gradient(145deg,#ffffff0d,#ffffff04),#0e1015}.lp-bento__icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ic, #4299e1) 16%,transparent);color:var(--ic, #4299e1);margin-bottom:16px}.lp-bento__item h4{font-size:18px;font-weight:700;color:#f8fafc;margin-bottom:9px;letter-spacing:-.3px}.lp-bento__item p{font-size:14px;color:#cbd5e1b8;line-height:1.65}.lp-how{padding:118px 32px 104px;border-top:1px solid rgba(255,255,255,.05);background:radial-gradient(circle at top center,rgba(159,122,234,.08),transparent 40%),#0a0b0d;text-align:center}.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1120px;margin:58px auto 0}.lp-step{position:relative;padding:32px 24px 28px;background:linear-gradient(145deg,#ffffff0d,#ffffff04),#0f1014;border:1px solid rgba(255,255,255,.08);border-radius:24px;text-align:center;transition:transform .18s ease,border-color .18s ease}.lp-step:hover{transform:translateY(-3px);border-color:#ffffff26}.lp-step--raised{transform:translateY(-10px)}.lp-step--lowered{transform:translateY(10px)}.lp-step__num{position:absolute;top:18px;right:18px;font-size:11px;font-weight:700;color:#94a3b866;letter-spacing:1px}.lp-step__icon{width:52px;height:52px;background:#4299e11f;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#7db9ff}.lp-step h4{font-size:17px;font-weight:700;color:#f8fafc;margin-bottom:10px;letter-spacing:-.3px}.lp-step p{font-size:14px;color:#cbd5e1ad;line-height:1.65}.lp-testi-section,.lp-testimonials{text-align:left}.lp-testi-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:24px;margin-top:48px;text-align:left;max-width:100%}.lp-testi{background:linear-gradient(145deg,#ffffff0d,#ffffff04),#0e1015;border:1px solid rgba(255,255,255,.08);border-radius:30px;padding:34px 30px 30px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between}.lp-testi--featured{background:radial-gradient(circle at top right,rgba(108,182,255,.16),transparent 40%),linear-gradient(145deg,#ffffff0d,#ffffff04),#0e1015}.lp-testi-grid .lp-testi:nth-child(1){background:radial-gradient(circle at top right,rgba(108,182,255,.2),transparent 42%),linear-gradient(145deg,#569dff1f,#ffffff05),#0e1015;border-color:#7abaff47}.lp-testi-grid .lp-testi:nth-child(2){background:radial-gradient(circle at top right,rgba(72,229,179,.17),transparent 44%),linear-gradient(145deg,#36c7941f,#ffffff05),#0d1213;border-color:#5ee0b440}.lp-testi-grid .lp-testi:nth-child(3){background:radial-gradient(circle at top right,rgba(245,181,85,.17),transparent 44%),linear-gradient(145deg,#f5b5551c,#ffffff05),#13110d;border-color:#f5bf6c3d}.lp-testi__rating{display:flex;gap:6px;color:#f6c86d;margin-bottom:20px}.lp-testi__quote{position:relative;padding-left:18px;margin-bottom:28px}.lp-testi__quote-mark{position:absolute;top:-12px;left:0;font-size:76px;line-height:.8;color:#ffffff14}.lp-testi__text{font-size:clamp(18px,1.6vw,26px);color:#f8fafc;line-height:1.6;margin:0;font-style:normal;max-width:100%}.lp-testi__footer{display:flex;justify-content:flex-start;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.lp-testi__brand-icon{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#4299e1,#9f7aea);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff}.lp-testi__author{display:flex;align-items:center;gap:14px}.lp-testi__avatar,.lp-testi__av{width:44px;height:44px;background:linear-gradient(135deg,#4299e1,#9f7aea);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.lp-testi-grid .lp-testi:nth-child(1) .lp-testi__avatar{background:linear-gradient(135deg,#4299e1,#7c9dff)}.lp-testi-grid .lp-testi:nth-child(2) .lp-testi__avatar{background:linear-gradient(135deg,#20c997,#34d399)}.lp-testi-grid .lp-testi:nth-child(3) .lp-testi__avatar{background:linear-gradient(135deg,#f59e0b,#f97316)}.lp-testi__name{font-size:14px;font-weight:700;color:#f8fafc}.lp-testi__role{font-size:13px;color:#94a3b8;margin-top:4px}.lp-cta{padding:132px 32px 118px;text-align:center}.lp-cta__inner{max-width:980px;margin:0 auto;padding:54px 32px;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top center,rgba(66,153,225,.18),transparent 42%),linear-gradient(145deg,#ffffff0d,#ffffff04),#0d0f14;box-shadow:0 36px 90px #00000052}.lp-cta h2{font-size:clamp(36px,5vw,56px);font-weight:800;color:#f1f5f9;line-height:1.02;letter-spacing:-1.5px;margin-bottom:20px}.lp-cta h2 span{background:linear-gradient(135deg,#4299e1,#9f7aea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-cta p{font-size:17px;color:#cbd5e1b8;margin-bottom:34px;line-height:1.65}.lp-cta__note{font-size:12.5px;color:#94a3b8b8;margin-top:16px}.lp-footer{background:transparent;border-top:1px solid rgba(255,255,255,.1);padding:78px 32px 44px}.lp-footer__top{margin:0 auto 60px;display:grid;grid-template-columns:280px 1fr;gap:72px}.lp-footer__tagline{font-size:14px;color:#cbd5e18f;line-height:1.72;margin-bottom:22px}.lp-footer__socials{display:flex;gap:12px}.lp-footer__social-btn{width:36px;height:36px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}.lp-footer__social-btn:hover{background:#ffffff1f;border-color:#ffffff24;transform:translateY(-1px)}.lp-footer__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.lp-footer__col-heading{font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:#94a3b88f;margin-bottom:20px}.lp-footer__col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.lp-footer__col ul a{font-size:14px;color:#e2e8f0d6;text-decoration:none;transition:color .15s ease,transform .15s ease}.lp-footer__col ul a:hover{color:#fff;transform:translate(2px)}.lp-footer__bottom{margin:0 auto;padding-top:32px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.lp-footer__copy{font-size:13px;color:#94a3b86b}.lp-footer__legal{display:flex;gap:24px}.lp-footer__legal a{font-size:13px;color:#94a3b880;text-decoration:none;transition:color .15s}.lp-footer__legal a:hover{color:#ffffffbf}@media (max-width: 900px){.lp-nav-v2__container{padding:0 16px;gap:12px}.lp-logo-v2__text,.lp-nav-v2__menu{display:none}.lp-nav-v2__mobile-toggle{display:inline-flex;flex-shrink:0}.lp-nav-v2__actions{gap:10px}.lp-nav-v2__action-btn{font-size:14px;padding:11px 18px;white-space:nowrap;flex-shrink:0}.lp-nav-v2__action-btn--login{display:none}.lp-nav-v2__action-btn--primary{padding:11px 20px}.lp-nav-v2__action-label--desktop{display:none}.lp-nav-v2__action-label--mobile{display:inline}.lp-nav-v2__mobile-menu{display:flex;flex-direction:column;gap:4px;padding:12px 16px 14px;border-top:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 18px #00000014}.lp-features,.lp-testimonials,.lp-how,.lp-cta,.lp-footer{padding-left:24px;padding-right:24px}.lp-section-head--split{grid-template-columns:1fr;gap:18px;margin-bottom:52px}.lp-section-sub--side{max-width:42ch}.lp-feat-row{grid-template-columns:1fr;gap:32px;padding:24px;margin-bottom:24px}.lp-feat-row--rev{direction:ltr}.lp-feat-row__text,.lp-section-h2,.lp-section-sub,.lp-proof__label{text-align:left}.lp-feat-row__visual,.lp-feat-screenshot{min-height:320px}.lp-community-partner{grid-template-columns:1fr;gap:22px;padding:22px;margin:12px 0 36px}.lp-community-partner__banner{max-width:100%;height:220px}.lp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-bento__item,.lp-bento__item--wide{grid-column:span 1;min-height:0}.lp-steps{grid-template-columns:repeat(2,1fr)}.lp-step--raised,.lp-step--lowered{transform:none}.lp-testi-grid{grid-template-columns:1fr}.lp-cta__inner{padding:42px 24px}.lp-footer__top{grid-template-columns:1fr;gap:42px}.lp-footer__cols{grid-template-columns:repeat(2,1fr);gap:28px}.lp-hero__stage{width:920px}.lp-hero__panel--far-left{left:-220px;opacity:0}.lp-hero__panel--near-left{left:-96px;width:180px;height:286px}.lp-hero__panel--center{left:250px;width:420px;height:470px}.lp-hero__panel--near-right{left:836px;width:180px;height:286px}.lp-hero__panel--far-right{left:1020px;opacity:0}.lp-hero__card-wrap{top:69%;width:min(86vw,380px);gap:12px}.lp-hero__card{padding:14px 16px 12px}.lp-hero__card-h1{font-size:clamp(22px,3.8vw,30px);font-weight:650;line-height:1.14;letter-spacing:-.5px;margin-bottom:10px;min-height:2.15em}.lp-hero__card-cta{font-size:16px;padding:12px 20px}.lp-hero__sub{font-size:13px;line-height:1.55;max-width:380px}}@media (max-width: 640px){.lp-nav__links{display:none}.lp-marquee-track{gap:24px;padding:16px 20px;animation:scroll-left 20s linear infinite}.lp-marquee-item{height:50px;min-width:120px}.lp-stat-sep{display:none}.lp-proof,.lp-features,.lp-testimonials,.lp-how,.lp-cta,.lp-footer{padding-left:18px;padding-right:18px}.lp-proof{padding-top:28px;padding-bottom:22px}.lp-marquee-track{gap:22px}.lp-marquee-item{height:52px;min-width:92px}.lp-marquee-item img{height:42px}.lp-section-head{gap:14px;margin-bottom:36px}.lp-section-h2{font-size:clamp(32px,11vw,46px);letter-spacing:-1.6px}.lp-section-sub,.lp-section-sub--side{font-size:15px;line-height:1.65;max-width:none}.lp-feat-row{border-radius:24px;padding:18px;gap:22px}.lp-feat-row__text h3{font-size:clamp(26px,9vw,36px);letter-spacing:-.9px}.lp-feat-row__text p{font-size:15px}.lp-feat-row__visual,.lp-feat-screenshot{min-height:250px}.lp-community-partner{padding:18px;border-radius:22px;margin:8px 0 30px}.lp-community-partner__content h3{font-size:clamp(24px,8vw,34px);letter-spacing:-.8px;margin:12px 0 10px}.lp-community-partner__content p{font-size:15px;line-height:1.62;margin-bottom:14px}.lp-community-partner__banner{height:180px;border-radius:16px}.lp-bento{grid-template-columns:1fr;gap:14px}.lp-bento__item,.lp-bento__item--wide{grid-column:span 1;padding:22px 20px 20px}.lp-steps{grid-template-columns:1fr;gap:16px;margin-top:34px}.lp-step{padding:26px 20px 22px}.lp-testi{min-height:0;padding:24px 20px 22px;border-radius:24px}.lp-testi__quote{margin-bottom:20px}.lp-testi__text{font-size:clamp(17px,5.6vw,22px);line-height:1.55}.lp-cta__inner{padding:34px 18px;border-radius:26px}.lp-cta h2{letter-spacing:-1px}.lp-footer__top{grid-template-columns:1fr;gap:40px}.lp-footer__cols{grid-template-columns:repeat(2,1fr);gap:24px}.lp-footer__bottom{flex-direction:column;align-items:flex-start;gap:16px}.lp-float{display:none}.lp-hero__stage{width:560px}.lp-hero__panel{top:46%}.lp-hero__panel--far-left{left:-220px;width:120px;height:180px;opacity:0}.lp-hero__panel--near-left{left:-25px;width:130px;height:220px;opacity:.9}.lp-hero__panel--center{left:140px;width:280px;height:360px}.lp-hero__panel--near-right{left:455px;width:130px;height:220px;opacity:.9}.lp-hero__panel--far-right{left:740px;width:120px;height:180px;opacity:0}.lp-hero__card-wrap{top:67%;width:min(92vw,344px);gap:10px}.lp-hero__controls{align-self:center}.lp-hero__card{border-radius:14px;padding:12px 14px 11px}.lp-hero__card-h1{font-size:clamp(22px,6.5vw,29px);font-weight:600;line-height:1.12;letter-spacing:-.35px;margin-bottom:8px;min-height:2.05em}.lp-hero__card-cta{align-self:stretch;width:100%;text-align:center;font-size:15px;border-radius:9px;padding:10px 18px}.lp-hero__sub{font-size:13px;line-height:1.55;text-align:center;max-width:320px;align-self:center;color:#fffc}}.signup-page{min-height:100vh;background:linear-gradient(180deg,#0c172ac7,#0c172a59),url(/category-images/creative.jpeg) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:20px;overflow-x:hidden;box-sizing:border-box}.signup-container{width:100%;max-width:1200px;min-width:0}.signup-header{margin-bottom:40px;display:flex;justify-content:center}.signup-header .logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:#fff;cursor:pointer;transition:opacity .3s}.signup-header .logo:hover{opacity:.8}.signup-header .logo-icon{width:48px;height:48px;background:#4299e1;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:none}.signup-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-width:0}.signup-info{background:transparent;padding:0;border-radius:0;box-shadow:none}.signup-info h1{font-size:48px;font-weight:700;color:#fff;text-shadow:0 14px 35px rgba(0,0,0,.18);margin-bottom:20px;line-height:1.2}.signup-info p{font-size:18px;color:#718096;margin-bottom:40px;line-height:1.6}.features-list{display:flex;flex-direction:column;gap:20px}.feature-item{display:flex;align-items:center;gap:12px;font-size:16px;color:#4a5568}.check-icon{width:28px;height:28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.signup-form-container{width:100%;max-width:520px;min-width:0;box-sizing:border-box;background:#ffffff29;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.25);border-radius:32px;padding:48px;box-shadow:0 24px 80px #00000029}.form-header{text-align:center;margin-bottom:32px}.form-header h2{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:8px}.form-header p{font-size:16px;color:#718096}.signup-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:14px;font-weight:600;color:#4a5568}.input-wrapper{display:flex;align-items:center;gap:12px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:0 14px;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.input-wrapper:focus-within{border-color:#4299e173;box-shadow:0 0 0 3px #4299e129;background:#ffffff4d}.input-left-icon{display:flex;align-items:center;color:#718096;pointer-events:none;flex-shrink:0}.input-wrapper svg.input-icon,.input-wrapper>svg:first-child{color:#718096;pointer-events:none;flex-shrink:0}.input-wrapper input{flex:1;min-width:0;padding:14px 0;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;color:#2d3748;font-family:inherit}.input-wrapper input:focus,.input-wrapper input:active,.input-wrapper input:hover{outline:none!important;box-shadow:none!important;border:none!important;background:transparent!important}.input-wrapper input:-webkit-autofill,.input-wrapper input:-webkit-autofill:hover,.input-wrapper input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,0) inset!important;box-shadow:0 0 0 1000px #fff0 inset!important;-webkit-text-fill-color:#2d3748!important;background-color:transparent!important;border:none!important;transition:background-color 9999s ease-in-out 0s}.password-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#718096;cursor:pointer;padding:4px;border-radius:6px;transition:color .2s ease;flex-shrink:0}.password-toggle:hover{color:#4299e1}.submit-btn{width:100%;padding:16px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:none;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:none}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:20px}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.resend-verification{background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:16px;margin-bottom:20px;text-align:center}.resend-verification p{font-size:14px;color:#92400e;margin-bottom:12px;font-weight:500}.resend-btn{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .3s ease;box-shadow:0 2px 8px #f59e0b4d}.resend-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.resend-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.divider{position:relative;text-align:center;margin:24px 0}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#e2e8f0cc}.divider:before{left:0}.divider:after{right:0}.divider span{background:#ffffffe6;padding:0 16px;color:#718096;font-size:14px;font-weight:500}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.oauth-btn{width:100%;padding:14px;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:12px;font-size:15px;font-weight:600;color:#2d3748;cursor:pointer;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease}.oauth-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e0;transform:translateY(-1px)}.oauth-btn:disabled{opacity:.6;cursor:not-allowed}.apple-btn{background:#000;color:#fff;border-color:#000}.apple-btn:hover:not(:disabled){background:#1a1a1a;border-color:#1a1a1a}.form-footer{text-align:center;margin-top:24px}.form-footer p{color:#718096;font-size:14px}.toggle-btn{background:none;border:none;color:#4299e1;font-weight:600;cursor:pointer;font-family:inherit;font-size:14px;padding:0;text-decoration:underline}.toggle-btn:hover{color:#667eea}.terms-text{margin-top:10px;font-size:12px;color:#a0aec0}.terms-link{color:#4299e1;text-decoration:none;font-weight:500}.terms-link:hover{text-decoration:underline}@media (max-width: 1024px){.signup-content{grid-template-columns:1fr;gap:40px}.signup-info{text-align:center}.signup-info h1{font-size:40px}.signup-form-container{margin:0 auto;max-width:680px}.features-list{align-items:center}}@media (max-width: 768px){.signup-info h1{font-size:clamp(30px,8vw,38px);line-height:1.15}.signup-form-container{margin:0 auto;width:100%;max-width:100%;padding:24px 18px;border-radius:24px}.form-header{margin-bottom:24px}.form-header h2{font-size:28px}.signup-form{gap:16px}.input-wrapper input{font-size:16px}}@media (max-width: 560px){.signup-info h1{font-size:clamp(24px,8.8vw,30px);line-height:1.12;margin-bottom:10px}.signup-form-container{padding:20px 14px;border-radius:18px}.form-header h2{font-size:26px}.submit-btn,.oauth-btn{min-height:48px}}@media (max-width: 390px){.signup-info h1{font-size:clamp(21px,8.2vw,25px);line-height:1.1}.form-header h2{font-size:24px}.signup-form-container{padding:16px 12px}.terms-text{font-size:11px}}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-cyrillic-400-normal-BMzJvInZ.woff2) format("woff2"),url(/assets/manrope-cyrillic-400-normal-Dvx59UGC.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-greek-400-normal-CM4qok81.woff2) format("woff2"),url(/assets/manrope-greek-400-normal-DuX9RsAR.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-vietnamese-400-normal-DHb3EETF.woff2) format("woff2"),url(/assets/manrope-vietnamese-400-normal-D7E_mLGF.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-ext-400-normal-CMDvPJRp.woff2) format("woff2"),url(/assets/manrope-latin-ext-400-normal-C-X6QNXX.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(data:font/woff2;base64,d09GMgABAAAAAAZMAA8AAAAAC/AAAAXvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG4F8HC4GYD9TVEFUKgCBChEICokwh0oLIAABNgIkAzwEIAWFBgeBDgwHG+AJyB6FcZsTzpsm7MR0ftOC5+k96c+dTNh2BWYFuFo9QH9vM9ifft4kts6MwkozfJsn6nCS878Q7Pj7lW56BXWArVrk/NmmN7t7ZRXUYWcVYAt4VXjN1+KNB6q3zA3aqBpGnx6vT4IAHkWABNatPygESX3GICdIGqrDbpBEEMDXMGRIP+QGYeBq0SgQTIqR+Oqwm7lYOAAQ/AdBT0mQ/OTcuxjq4LaFwUmA9D0ZjHWN6sFlOwFjT6A2Hy8xF2XPx1UYmFjYOHgIQhgDAwMwAYWFRrCxkTO2KRTMqRP0vZXFqApNawBw91h5oZ6jOhIMZjp9Elif1lZXKaMW4nkqG1Cc2KYhqw9cJpLrrNP2/4NgXVF1zAWIHQDaN3cCuQhC7lSBdPjq2QiYMMCKCQCFAIipOgLWRQOUDQQ/PIjxADIQRyAWEXLRxmZuidIn9BX9Y66zNxjXZz6uL+sfrh78HNwMhqpFAODzzhBkAOA5EyYFqXj/CCYOFi42HoIESAlASgByAMgLkGYAZQEWEAYggsLAoJykMRH3QjXnSF6qgpuZsFRuVvZBRgpqXTAkaRnLToqcEpnkTQ5N7EKkZIrXJRtX32XxkycSmhmLXJKwFkUf9RciJi0MGqJ301N07TeJ0VvGHqM8Y1b8SdxbHG3sEORN6UGkBS/+8EJmvf8odvvyOTOT79rHEglxu7WPR6Nto/A9+xmTQ5OmRE5UU9STBYqibboETzCHpyEOcrtIaoyLn8T3CGN61H4Jiw42P2JmzDXA2PG47J4QbFiVMfK0Tf7Fm3qp7tqh+3QcOZY1tDNaZXDjb8trz2KuJLwBRY/skVnxisPzm6sOnszmNUs1EksXea/kCdHWg2UPR/uoY/LilpAba3A/7Negbtitxe2wnRph1ZYEQl8zTIKltKgKFpNWwCLSIphPkgdz7YIzYBbKstfbXG39+ecZ/+apkGVfnsx1r/9xl5Lra25f2G07w94+dGLhCtlaTGWxpnB3Uhr0UKj1cePOloNT6OqVJ7NBe37fJoef9bWrB1+zFxKA5H93Lp3+/lHFcadezu/5Y9eGqLBN6oq6eHK7few+litn5NMbzJ380v+1+zrV3GTt1Z2t3n7uhtOW5NNSV3eUYRImp8ZvbpTHi/v93Lev3/fHizZS676o3y/2slfu/nQRJwZY06b7b1L/XSaAN8WrDgQpd/2J45YVtNp5Z3m2pYusjvSl+R/9lFW1WZDQ2Sey9Y+WbOSNz9mHu9vuPvDd1l+XzOTgoTn8unxHqZ8VHDg0+5+ycufddRtf7ji0+fGaQbPUbTvde9c9Ab2ys1eXtRZT1UeMA3VTxufP+XDtXp+C4sJLy3qQa3PXy1jcK62sromJA3t1elK3iOtvrR70WRFx0D9YR5dDHPAPLi/TuVRR2VMT7v+QtXj2OnseCvNSqnagHh04j/RB1y0/YWIj66TQpthWv25f3fWixpLRfNYeoCw0aABA7zZ3IoCeZakvW/XRxFb91zHslwDvz++fC/AxZ6tNgE8bzWX2dsBCASDwrXUz/wQYWQHBG5nSfMhDMz9luk7vhiazPPNnUFVdrr3bBNboO7SUlUA06JP83GMaQQApaU80LrJuvH5ZmPUYiHaBndKytAgVJItFkULCFoPGXJ2rxy0mWdhtsSgHhhRY3GpJRRFZkFom1isKeRaKZt/uHTBhw4IVjACDSz5FOx6cGGGhww3CgxcTeXQxCgahYxAeC8PC4KWeWvJjGANb3YDxU0M2nGmLB4SF1OTQzSBrTi4Wrj4HiOuI1urpwU0eNMrokNI5SP8GBPTCom/m1+fzycJQuX4d6OYL583HDujSMaDxnhRIkKkjJMRKFs5bF7kl344GcKWNoXdFz30b8ih746xfVizYRmkIPQEDCF1vz1nPHRNkREfnu3b5xXICACDYShm8J0sJ5OOOKKqKIVpMscQWB0Nc8SRk1eqNTMOm8HZ/xxyEDWNCxw23kWi129Kd6sHwcb3idqzDvUi1SAF1Wut7UUi1aacl+KReBgAAAA==) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-cyrillic-600-normal-DvRl3Mj-.woff2) format("woff2"),url(/assets/manrope-cyrillic-600-normal-It4mZcQk.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-greek-600-normal-BoRV6lzK.woff2) format("woff2"),url(/assets/manrope-greek-600-normal-CF2i9ZRY.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-vietnamese-600-normal-C1J5PCl_.woff2) format("woff2"),url(/assets/manrope-vietnamese-600-normal-lA7a_7Ok.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-ext-600-normal-_gBojHdJ.woff2) format("woff2"),url(/assets/manrope-latin-ext-600-normal-u5Pl7hTU.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(data:font/woff2;base64,d09GMgABAAAAAAYgAA8AAAAAC6wAAAXGAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG4F8HC4GYD9TVEFUKgCBChEICok0h0cLIAABNgIkAzwEIAWEQAeBDgwHG5cJCB6FcZsTTpEclTZ1ofCYsgigtf/N7skX04SpVaInlfSIVkUjP2GSIHRN3jxyP4+n/+cmKTSyb2AG30HZWweyUJo+QKzeh1mF/xdjrs6zSTMtYbWZ/NyiSXJLWxqQIFKSe1ofxF0ne+ShzqSmdMSp6nFvLQIqjYKRSxSVjeCxeyKrAY+9fZwOPFDwTdTtGWJ1IKRmSEUFRpbDQcJrb8IFyJUDxecUvR3IkY7xO77kfFAsKE4Yev2ygnvUvOJSrKX4r+JPAtpuVgnKBVEikytTrlIQVEvy15AhyqWCMmXCdFUc0CNBugWUMWh5nxiwDWrZjela4gpkZM3UCeAqVup2T4oLAMjGMiC6cPOKqjLYATX9Z4SN/x4A6JVEqxzQNUA6g7cD6EcJywvRzF/fjTg8MsohQBQg5MQVMAQkBAtJXJ1yCGjlgpSr0a/QDngdInWcukx92X9mMR167jHqEvVFdfF1caPQLNylKD7tAtQGxKrVqndSjUy5XIWyza8vqgMI2Xv8EAhrAWIC5J2ADtJRIiGaAlZHAMinJmGMcLGLfD2/i8g/+CRlkRQVKUHuMCm4SHJcNlE8STKhAznD8coOQYf8kJLNhqpmWCUX7cWcxWJzQU02SaZUyyZQkynmtd2yzGqFWEnOtIEHiUuWnBZKPFmNXGG09NFb6OzbHxeHffgGzjg+aLba7cj4Sc02iwXOWK1D5CTJxMmSCcRk4nFr3qatKQSFBixziDo8wmDJZrKbqnjQ0rw4UBiqM4PWKFBus8UFDevXeztbQFXlhRtw5mTmxRmUFa0/7i/ZYaG1JnbhiG1+p6d2vyp2824081TMoa4S9IEjPmIV5Pfjr3tpjS+wFByJesBitmjGilpci+hcOS6nswqsYHAMZvA5OIfOYozp4xJxIoOlMR2IwTEaQhgOw8ux/BDOD/tBVPfQjr7i3//he1c6zdcspTI+/OVDmDgt+/xG43ncctTsilG5X+PCutoFjVcSGSaRx6801i3wd6bP+dE24se6oN31vuW5Zbm+Qavrq8H7844ZXTsfphnPOZZ2/7ln0y+15S7LMk0TxirNuyrpwAkf/gTZdci3//DpD/+ZHSlX9tS9/76nwBGHI1Wm4AfaP1oBr872fr1tW+8X2L4CSdEvkT2Xwf2RUZ85+CeXn51dSecfk/cdBZ8tWD1lWVD1/ntrA5ZN4LegMnf+L3xvouGga81AWVepJlzz008Ybj6/2nj1yNu7flw5B+4dmv//j8u375Yh5m7qgXnwc8XOD1csvr5h69JLy/qmNGdvGt667BIc7KlYG9bdlTp8SVmWNntkzPj/pcWx+pj+MLepkXGx3/toGtxD83vSm67xk/9IjFS9w4zYlVv/u1pxdezOELjy++FfNIzSyoSGVOmvKz0iJ4wcqRpDZ9enGfjBGf/xCpMmxuU13ugwdB7I2bdXsbMxM8wU0nsRYg4pKSB9k12HgPQsn16Z/qbHOedXISl4Ae8e7JsD+NBXtx3838DbLjgKQS6CwAsnnCeAbEEAmuuyB95mcyEqZab3OSRbAUv4JMxJ63WHzYNLlMWGsAJwgnTkdz5bC6HONjIVwhBa+W2VTiGFVARcRyEyXjDsP15U7h8vscgZXmqcebxMJw0vN0YBt9YUUhkEqgF+18dtN0RpxCiuqYhYBlkSDjMZwFIy4HxCPJNBg9+MHmtEghoKlar00WHpGQwpNgGH1aey8+viMPQ0BjUbwnZXrKcjl8r3S5MotZgt93Dydvpnl61BqSplsiekxYMPD0VWyxOx/vHJEiXJJNdotIOuHUKth1TBADFUyLzRoN+ImFzUpltMcWiE0jJg1u+lB+hpDyM9qg87SGBQn2ZSO+AfRiOAYotJwNrqMOxhiDAnkIhCPMRHAiSEJIiQGEn4hf3s0LghUdPfX07iBiYKzDplYipTiPcqxiKzBZaBTF6SWJhIFNWnRyUnMqkX0P9GqKU=) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-cyrillic-700-normal-Dw_fZAg2.woff2) format("woff2"),url(/assets/manrope-cyrillic-700-normal-7JNVKxyl.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-greek-700-normal-CHUG9PD8.woff2) format("woff2"),url(/assets/manrope-greek-700-normal-DyfsrCpP.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-vietnamese-700-normal-CUqMx5-1.woff2) format("woff2"),url(/assets/manrope-vietnamese-700-normal-pt65Fn2Z.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-ext-700-normal-DYOwVNan.woff2) format("woff2"),url(/assets/manrope-latin-ext-700-normal-eVCcYqtJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(data:font/woff2;base64,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) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-cyrillic-800-normal-AvdZ5mAV.woff2) format("woff2"),url(/assets/manrope-cyrillic-800-normal-BuEMjQU-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-greek-800-normal-CDvU698_.woff2) format("woff2"),url(/assets/manrope-greek-800-normal-Bw-67qu9.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-vietnamese-800-normal-ClPWri-A.woff2) format("woff2"),url(/assets/manrope-vietnamese-800-normal-bvg7iBCV.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-ext-800-normal-DdFx7KEb.woff2) format("woff2"),url(/assets/manrope-latin-ext-800-normal-BQAQsuQc.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2) format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.uob-page{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#e8f4fd,#f5f9ff 45%,#edf5fb);display:flex;flex-direction:column;align-items:center;font-family:Manrope,sans-serif;overflow-y:auto;scrollbar-width:none;z-index:9999}.uob-page::-webkit-scrollbar{display:none}.uob-topbar{width:100%;max-width:560px;display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;flex-shrink:0}.uob-logo{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1e293b}.uob-back{background:none;border:none;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background .15s,color .15s}.uob-back:hover{background:#4299e114;color:#4299e1}.uob-skip{background:none;border:none;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;color:#94a3b8;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .15s,color .15s}.uob-skip:hover{background:#0000000a;color:#64748b}.uob-progress{display:flex;gap:8px;margin:20px 0 0;flex-shrink:0}.uob-dot{width:8px;height:8px;border-radius:999px;background:#cbd5e1;transition:all .3s ease}.uob-dot.active{width:24px;background:#4299e1}.uob-dot.done{background:#34d399}.uob-content{width:100%;max-width:520px;padding:0 24px 48px;flex:1;animation:uobSlideIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes uobSlideIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.uob-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:32px}.uob-wave-img{animation:uobWavePop .6s cubic-bezier(.34,1.56,.64,1) .1s both;display:block}@keyframes uobWavePop{0%{transform:scale(.4) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.uob-step-icon{margin-bottom:4px}.uob-wave-icon{margin-bottom:8px}.uob-heading{font-family:Manrope,sans-serif;font-size:28px;font-weight:800;color:#1e293b;margin:12px 0 8px;line-height:1.25}.uob-name-highlight{color:#4299e1}.uob-sub{font-family:Manrope,sans-serif;font-size:15px;color:#64748b;margin:0 0 28px;line-height:1.6}.uob-question{font-family:Manrope,sans-serif;font-size:15px;color:#475569;margin:0 0 20px}.uob-name-choices{display:flex;flex-direction:column;gap:12px;width:100%}.uob-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;border-radius:14px;border:none;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;width:100%}.uob-btn:hover{transform:translateY(-2px)}.uob-btn:active{transform:translateY(0)}.uob-btn--primary{background:#4299e1;color:#fff;box-shadow:0 4px 16px #4299e14d}.uob-btn--primary:hover{background:#3182ce;box-shadow:0 6px 24px #4299e173}.uob-btn--ghost{background:#ffffffd9;color:#475569;border:1.5px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.uob-btn--ghost:hover{background:#fff;border-color:#cbd5e1}.uob-btn--icon{width:auto;min-width:52px;flex-shrink:0;padding:15px 18px}.uob-rename-row{display:flex;gap:10px;width:100%;margin-bottom:12px}.uob-input{flex:1;padding:14px 18px;border-radius:14px;border:1.5px solid #e2e8f0;background:#ffffffe6;font-family:Manrope,sans-serif;font-size:15px;font-weight:500;color:#1e293b;outline:none;transition:border-color .18s,box-shadow .18s;box-shadow:0 2px 8px #0000000a}.uob-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.uob-input::placeholder{color:#94a3b8}.uob-link{background:none;border:none;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;color:#94a3b8;cursor:pointer;padding:4px;margin-top:4px;transition:color .15s}.uob-link:hover{color:#64748b}.uob-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:uobSpin .7s linear infinite}@keyframes uobSpin{to{transform:rotate(360deg)}}.uob-intent-cards{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:4px}.uob-intent-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:18px;border:1.5px solid;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-align:left;transition:transform .2s,box-shadow .2s;width:100%;font-family:Manrope,sans-serif}.uob-intent-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #4299e12e}.uob-intent-card:active{transform:translateY(0)}.uob-intent-card--yes{border-color:#4299e140;box-shadow:0 2px 12px #4299e11a}.uob-intent-card--yes:hover{border-color:#4299e166;background:#eff6fff2}.uob-intent-card--no{border-color:#8b5cf633;box-shadow:0 2px 12px #8b5cf614}.uob-intent-card--no:hover{border-color:#8b5cf659;background:#f5f3fff2;color:#7c3aed}.uob-intent-card--no:hover .uob-intent-text strong{color:#7c3aed}.uob-intent-emoji{font-size:28px;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#4299e1}.uob-intent-card--no .uob-intent-emoji{color:#8b5cf6}.uob-intent-text{flex:1;display:flex;flex-direction:column;gap:3px}.uob-intent-text strong{font-size:15px;font-weight:700;color:#1e293b}.uob-intent-text span{font-size:13px;font-weight:500;color:#64748b}.uob-intent-arrow{flex-shrink:0;color:#94a3b8;transition:transform .2s,color .2s}.uob-intent-card:hover .uob-intent-arrow{transform:translate(4px);color:#4299e1}.uob-intent-card--no:hover .uob-intent-arrow{color:#8b5cf6}.uob-referral-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;margin-top:8px}.uob-referral-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;border-radius:16px;border:1.5px solid rgba(66,153,225,.2);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-family:Manrope,sans-serif;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;box-shadow:0 2px 10px #4299e112}.uob-referral-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #4299e12e;border-color:#4299e166;background:#eff6fff2}.uob-referral-card:active{transform:translateY(0)}.uob-referral-card--selected{border-color:#4299e1;background:#eff6ff;box-shadow:0 0 0 3px #4299e140}.uob-referral-icon{flex-shrink:0}.uob-referral-label{font-size:.85rem;font-weight:600;color:#2d3748;text-align:center;line-height:1.3}.uob-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:4px}.uob-cat-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px 16px;border-radius:16px;border:1.5px solid var(--cat-border);background:var(--cat-bg);cursor:pointer;transition:transform .18s,box-shadow .18s;font-family:Manrope,sans-serif}.uob-cat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--cat-accent)}.uob-cat-card:active{transform:scale(.97)}.uob-cat-emoji{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}.uob-cat-emoji img{display:block}.uob-cat-name{font-size:12px;font-weight:700;color:#1e293b;text-align:center;text-transform:capitalize}.uob-cat-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1.5px solid;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;margin-bottom:12px;text-transform:capitalize}.uob-skills-loading{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}.uob-skill-skeleton{height:60px;border-radius:14px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:uobShimmer 1.2s infinite}@keyframes uobShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.uob-skills-list{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}.uob-skill-card{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-radius:14px;border:1.5px solid var(--skill-border, #e2e8f0);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000000a;cursor:pointer;text-align:left;font-family:Manrope,sans-serif;transition:transform .18s,box-shadow .18s,border-color .18s;width:100%}.uob-skill-card:hover{transform:translateY(-2px);border-color:var(--skill-accent, #4299e1);box-shadow:0 6px 20px #4299e11f;background:#fffffff2}.uob-skill-info{display:flex;align-items:center;gap:10px}.uob-skill-title{font-size:14px;font-weight:700;color:#1e293b}.uob-skill-tag{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:3px 8px;border-radius:999px;text-transform:capitalize}.uob-skill-arrow{flex-shrink:0;transition:transform .2s}.uob-skill-card:hover .uob-skill-arrow{transform:translate(4px)}.uob-browse-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:none;border:none;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;cursor:pointer;padding:14px 0 0;margin-top:4px;transition:opacity .18s;text-decoration:underline;text-underline-offset:3px}.uob-browse-btn:hover{opacity:.75}.uob-browse-btn--top{text-decoration:none;padding:10px 20px;margin-top:16px;margin-bottom:4px;border-radius:12px;border:1.5px solid;font-size:13px;font-weight:600;background:var(--btn-bg, rgba(239,246,255,.8))!important;width:100%;max-width:480px;transition:transform .15s,box-shadow .15s,opacity .15s}.uob-browse-btn--top:hover{opacity:1;transform:translateY(-1px);box-shadow:0 4px 14px #4299e126}.uob-empty{font-size:14px;color:#94a3b8;margin:24px 0}.uob-responsive-container{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:40px;height:200px}.uob-device-animation{display:flex;align-items:center;justify-content:center;gap:24px;width:100%}.uob-phone{animation:uobPhoneSlideIn .8s cubic-bezier(.34,1.56,.64,1)}.uob-phone svg{filter:drop-shadow(0 8px 20px rgba(66,153,225,.25))}.uob-laptop{animation:uobLaptopSlideIn .8s cubic-bezier(.34,1.56,.64,1)}.uob-laptop svg{filter:drop-shadow(0 8px 20px rgba(66,153,225,.25))}.uob-arrow{font-size:32px;color:#4299e1;font-weight:800;animation:uobArrowPulse 1.4s ease-in-out infinite}@keyframes uobPhoneSlideIn{0%{opacity:0;transform:translate(-40px) scale(.7)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes uobLaptopSlideIn{0%{opacity:0;transform:translate(40px) scale(.7)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes uobArrowPulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}.uob-responsive-features{display:flex;flex-direction:column;gap:12px;width:100%;margin-bottom:32px}.uob-feature-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#4299e114;border:1px solid rgba(66,153,225,.2);font-size:14px;color:#1e293b;font-weight:500}.uob-feature-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#4299e1;color:#fff;border-radius:6px;font-size:12px;font-weight:700}.uob-btn--lg{padding:16px 24px;font-size:16px}.uob-responsive-note{font-size:12px;color:#94a3b8;margin-top:12px;font-weight:500}@media (max-width: 480px){.uob-heading{font-size:22px}.uob-category-grid,.uob-referral-grid{grid-template-columns:repeat(2,1fr)}.uob-content{padding:0 16px 40px}.uob-topbar{padding:16px 16px 0}.uob-intent-card{padding:16px}}.sidebar{width:240px;background:#ffffff73;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-right:1px solid rgba(255,255,255,.55);padding:32px 20px;display:flex;flex-direction:column;box-shadow:4px 0 32px #00000014,inset 1px 0 #ffffffb3;height:100vh;position:fixed;left:0;top:0;z-index:100}@media (min-width: 769px){.sidebar.desktop-hidden{transform:translate(-100%);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .2s ease}}.sidebar-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px}.sidebar-close-btn{display:none;width:32px;height:32px;background:#0000000d;border:none;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;color:#718096;transition:all .2s ease}.sidebar-close-btn:hover{background:#ef44441a;color:#ef4444}.logo{display:flex;align-items:center;gap:12px;padding:0 8px}.logo-icon{width:36px;height:36px;background:#4299e1;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:none;color:#fff}.logo-text{font-size:20px;font-weight:600;color:#2d3748;letter-spacing:-.5px;transition:color .4s ease}.nav-menu{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(160,174,192,.4) transparent}.nav-icon-wrap{display:inline-flex;transform-origin:center;flex-shrink:0}@keyframes navBounce{0%{transform:translateY(0)}35%{transform:translateY(-9px)}65%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes navStretch{0%{transform:scaleY(1) scaleX(1)}30%{transform:scaleY(1.6) scaleX(.75)}60%{transform:scaleY(.8) scaleX(1.15)}to{transform:scaleY(1) scaleX(1)}}@keyframes navWiggle{0%{transform:rotate(0)}20%{transform:rotate(-18deg)}45%{transform:rotate(14deg)}70%{transform:rotate(-8deg)}to{transform:rotate(0)}}@keyframes navSpin{0%{transform:rotate(0) scale(1)}40%{transform:rotate(30deg) scale(1.25)}70%{transform:rotate(-22deg) scale(1)}to{transform:rotate(0) scale(1)}}@keyframes navRotate{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.anim-bounce{animation:navBounce .38s cubic-bezier(.36,.07,.19,.97) forwards}.anim-stretch{animation:navStretch .42s cubic-bezier(.36,.07,.19,.97) forwards}.anim-wiggle{animation:navWiggle .45s ease forwards}.anim-spin{animation:navSpin .45s ease forwards}.anim-rotate{animation:navRotate .48s cubic-bezier(.4,0,.2,1) forwards}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;color:#718096;font-weight:500;font-size:15px;cursor:pointer;transition:all .3s ease;text-decoration:none}body[data-bg-theme=dark] .sidebar{background:#ffffff1f;border-right-color:#ffffff2e;box-shadow:4px 0 40px #00000059,inset 1px 0 #ffffff2e}body[data-bg-theme=dark] .logo-text{color:#ffffffeb}body[data-bg-theme=dark] .nav-item{color:#ffffffb3}body[data-bg-theme=dark] .nav-item:hover{background:#ffffff1f;color:#fff}body[data-bg-theme=dark] .nav-item.active{background:#ffffff2e;color:#fff}body[data-bg-theme=dark] .sidebar-footer{border-top-color:#ffffff26}body[data-bg-theme=dark] .sidebar-footer__notif-btn{color:#ffffffa6}body[data-bg-theme=dark] .sidebar-footer__notif-btn:hover{background:#ffffff1f;color:#fff}body[data-bg-theme=dark] .profile-name{color:#ffffffeb}body[data-bg-theme=dark] .profile-points{color:#ffffff8c}body[data-bg-theme=dark] .sidebar-close-btn{color:#ffffffa6;background:#ffffff1a}body[data-bg-theme=dark] .sidebar-close-btn:hover{background:#ef444440;color:#fff}.nav-item:hover{background:#4299e114;color:#4299e1}.nav-item.active{background:#4299e11f;color:#4299e1;font-weight:600}.settings-dropdown{width:100%}.settings-dropdown__header{width:100%;background:none;border:none;text-align:left;font-family:inherit}.settings-dropdown__chevron{margin-left:auto;flex-shrink:0;color:#a0aec0;transition:transform .25s ease}.settings-dropdown__chevron.open{transform:rotate(180deg)}.settings-dropdown__list{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.22,1,.36,1),opacity .2s ease;opacity:0}.settings-dropdown__list.open{max-height:500px;opacity:1}.settings-dropdown__sub-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px 9px 44px;background:none;border:none;border-radius:8px;color:#718096;font-size:13.5px;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:background .2s ease,color .2s ease}.settings-dropdown__sub-item:hover{background:#4299e114;color:#4299e1}body[data-bg-theme=dark] .settings-dropdown__chevron{color:#fff6}body[data-bg-theme=dark] .settings-dropdown__sub-item{color:#fff9}body[data-bg-theme=dark] .settings-dropdown__sub-item:hover{background:#ffffff1a;color:#fff}.sidebar-footer{margin-top:auto;padding:12px;border-top:1px solid #e2e8f0}.sidebar-footer__row{display:flex;align-items:center}.sidebar-footer__row .profile-link{flex:1;min-width:0}.sidebar-footer__notif{position:relative;flex-shrink:0}.sidebar-footer__notif-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:10px;color:#718096;cursor:pointer;transition:background .2s ease,color .2s ease}.sidebar-footer__notif-btn:hover{background:#4299e114;color:#4299e1}.sidebar-footer__badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:9999px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.profile-link{padding:10px 12px;gap:12px}.profile-avatar-small{width:36px;height:36px;border-radius:50%;background:#4299e1;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;overflow:hidden}.profile-avatar-small img{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.profile-name{font-size:14px;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-points{font-size:12px;color:#718096;font-weight:500}.profile-link.active .profile-name{color:#4299e1}.sidebar-overlay{display:none}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,opacity .3s ease;background:#ffffffeb;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);box-shadow:none;opacity:0;z-index:1001}.sidebar.open{transform:translate(0);opacity:1;box-shadow:8px 0 48px #0000002e}.sidebar.open .nav-item,.sidebar.open .settings-dropdown{animation:navItemSlideIn .35s cubic-bezier(.22,1,.36,1) both}.sidebar.open .nav-menu>*:nth-child(1){animation-delay:.07s}.sidebar.open .nav-menu>*:nth-child(2){animation-delay:.11s}.sidebar.open .nav-menu>*:nth-child(3){animation-delay:.15s}.sidebar.open .nav-menu>*:nth-child(4){animation-delay:.19s}.sidebar.open .nav-menu>*:nth-child(5){animation-delay:.23s}@keyframes navItemSlideIn{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.sidebar.open .sidebar-top-row{animation:logoFadeIn .35s cubic-bezier(.22,1,.36,1) .03s both}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar.open .sidebar-footer{animation:footerFadeIn .35s cubic-bezier(.22,1,.36,1) .27s both}@keyframes footerFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar-close-btn{display:flex}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000059;z-index:1000;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}}.toast-stack{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;width:360px;max-width:calc(100vw - 32px);pointer-events:none}.notif-toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:2px solid #3b82f6;background:#fff;box-shadow:0 8px 24px #3b82f626,0 2px 8px #00000014;pointer-events:all;position:relative;overflow:hidden;animation:toastSlideIn .38s cubic-bezier(.22,1,.36,1) both}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.toast-icon-wrap{flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.toast-body{flex:1;min-width:0}.toast-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 3px;line-height:1.35}.toast-message{font-size:12.5px;color:#475569;margin:0;line-height:1.45}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:#94a3b8;padding:2px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.toast-close:hover{color:#1e293b;background:#3b82f614}.toast-progress-bar{position:absolute;bottom:0;left:0;height:3px;width:100%;transform-origin:left;animation:toastProgressShrink linear forwards;border-radius:0 0 0 14px}@keyframes toastProgressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success{border-color:#3b82f6}.toast-success .toast-icon-wrap{background:#22c55e1f;color:#16a34a}.toast-success .toast-progress-bar{background:#22c55e}.toast-badge{border-color:#f59e0b80;background:linear-gradient(135deg,#fffbebfa,#fef3c7fa);box-shadow:0 8px 24px #f59e0b2e,0 2px 8px #00000014}.toast-badge .toast-icon-wrap{background:linear-gradient(135deg,#f59e0b33,#fbbf2426);color:#b45309;border:1px solid rgba(245,158,11,.3)}.toast-badge .toast-title{color:#78350f}.toast-badge .toast-message{color:#92400e}.toast-badge .toast-close{color:#b45309}.toast-badge .toast-close:hover{background:#f59e0b1f;color:#78350f}.toast-badge .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.toast-progress{border-color:#3b82f6}.toast-progress .toast-icon-wrap{background:#3b82f61f;color:#2563eb}.toast-progress .toast-progress-bar{background:#3b82f6}.toast-ai{border-color:#3b82f6}.toast-ai .toast-icon-wrap{background:#a855f71f;color:#9333ea}.toast-ai .toast-progress-bar{background:#a855f7}.toast-streak{border-color:#3b82f6}.toast-streak .toast-icon-wrap{background:#f973161f;color:#ea580c}.toast-streak .toast-progress-bar{background:#f97316}.toast-info{border-color:#3b82f6}.toast-info .toast-icon-wrap{background:#3b82f61a;color:#3b82f6}.toast-info .toast-progress-bar{background:#3b82f6}.toast-warning{border-color:#3b82f6}.toast-warning .toast-icon-wrap{background:#eab3081f;color:#ca8a04}.toast-warning .toast-progress-bar{background:#eab308}@media (max-width: 480px){.toast-stack{top:12px;right:12px;left:12px;width:auto}}.app-container{display:flex;height:100dvh;overflow:hidden;position:relative}.main-content{flex:1;min-height:0;margin-left:240px;overflow-y:auto;overflow-x:hidden;padding:40px 48px;transition:margin-left .25s ease;-webkit-overflow-scrolling:touch}.main-content::-webkit-scrollbar{display:none}.main-content{-ms-overflow-style:none;scrollbar-width:none}.mobile-top-bar{display:none}.desktop-sidebar-toggle{position:fixed;top:16px;left:252px;width:36px;height:36px;border-radius:10px;border:1px solid rgba(66,153,225,.2);background:#fffc;color:#4299e1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:150;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px #4299e129;transition:left .25s ease,background .2s ease,transform .15s ease}.desktop-sidebar-toggle:hover{background:#4299e11a;transform:translateY(-1px)}.desktop-sidebar-toggle.sidebar-hidden{left:16px}.main-content.sidebar-hidden{margin-left:0}@media (max-width: 768px){.desktop-sidebar-toggle{display:none}.app-container{overflow:visible;height:auto;min-height:100dvh;width:100vw;max-width:100vw}.main-content{margin-left:0;padding:58px 20px 80px;overflow:visible;flex:1;min-height:calc(100dvh - 58px);width:100%;max-width:100%}.mobile-top-bar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:999;height:58px;padding:0 20px;background:#f5f7fab8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.4)}.mobile-top-bar__brand{display:flex;align-items:center;gap:10px;cursor:pointer}.mobile-top-bar__logo-icon{width:34px;height:34px;background:#4299e1;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mobile-top-bar__logo-text{font-size:17px;font-weight:700;color:#1a202c;letter-spacing:-.4px}.mobile-top-bar__actions{display:flex;align-items:center;gap:8px}.mobile-top-bar__profile{width:36px;height:36px;border-radius:50%;background:#4299e1;border:2px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;cursor:pointer;overflow:hidden;flex-shrink:0}.mobile-top-bar__profile-img{width:100%;height:100%;object-fit:cover}.mobile-top-bar__icon-btn{position:relative;width:36px;height:36px;border-radius:10px;background:#4299e114;border:1px solid rgba(66,153,225,.15);display:flex;align-items:center;justify-content:center;color:#4299e1;cursor:pointer;transition:background .2s ease;flex-shrink:0}.mobile-top-bar__icon-btn:hover,.mobile-top-bar__icon-btn:active{background:#4299e133}.mobile-top-bar__notif-wrap{position:relative;display:flex;align-items:center}.mobile-top-bar__badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px #f5f7fa;pointer-events:none}}.home-page{width:100%;position:relative}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.welcome{display:flex;flex-direction:column;gap:4px}.welcome h1{font-size:28px;font-weight:600;color:#2d3748;letter-spacing:-.5px}.welcome p{font-size:15px;color:#718096;font-weight:400}.header-right{display:flex;align-items:center;gap:12px}.home-notif-wrap{position:relative}.home-notif-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffffb3;border:1px solid rgba(226,232,240,.8);border-radius:12px;color:#718096;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.home-notif-btn:hover{background:#4299e11a;color:#4299e1;box-shadow:0 2px 8px #4299e126}.home-notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:9999px;min-width:16px;height:16px;padding:0 3px;display:flex;align-items:center;justify-content:center;line-height:1;pointer-events:none}.profile-btn{width:44px;height:44px;border-radius:50%;background:#4299e1;border:3px solid rgba(255,255,255,.9);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;box-shadow:none;transition:all .3s ease}.profile-btn:hover{transform:translateY(-2px);box-shadow:none}.skills-section{margin-bottom:48px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.section-header .toggle-buttons{order:2;margin-left:auto}.section-header .prog-sh-badge{order:1;margin-left:0}.section-title{font-size:32px;font-weight:700;color:#2d3748;letter-spacing:-.5px}.toggle-buttons{display:flex;gap:2px;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;padding:3px;border:1px solid rgba(255,255,255,.5)}.toggle-btn{padding:6px 12px;border:none;background:transparent;color:#718096;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease;text-decoration:none}.toggle-btn.active{background:#fff;color:#4299e1;box-shadow:0 2px 8px #00000014}.skills-grid{display:flex;flex-wrap:nowrap;gap:20px;width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;padding-right:14px;scroll-snap-type:x proximity;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;-ms-overflow-style:none;scrollbar-width:none}.home-page .skills-section .section-header{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.home-page .skills-section .section-header .prog-sh-badge{order:1!important;margin-left:0!important}.home-page .skills-section .section-header .toggle-buttons{order:2!important;margin-left:auto!important}.home-page .skills-section .skills-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap}.home-page .skills-section .skills-grid>.skill-card{flex:0 0 320px!important}.skills-grid::-webkit-scrollbar{display:none}.skills-grid::-webkit-scrollbar-thumb{background:#4299e159;border-radius:999px}.skill-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000000a;display:flex;flex-direction:column;min-width:320px;max-width:320px;flex:0 0 320px;scroll-snap-align:start}.skill-card--pending{cursor:default;border-color:#eab30859;background:#fffdebd9}.skill-card--pending:hover{transform:none;box-shadow:0 4px 16px #0000000a;border-color:#eab30880}.skill-plan-pending{display:flex;flex-direction:column;gap:10px;margin-top:8px}.skill-plan-pending-text{font-size:12.5px;color:#92400e;font-weight:500;background:#fcd34d4d;border:1px solid rgba(252,211,77,.5);border-radius:8px;padding:6px 10px}.skill-plan-retry-btn{padding:9px 16px;border-radius:10px;border:none;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .18s,transform .18s;box-shadow:none;align-self:flex-start}.skill-plan-retry-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.skill-plan-retry-btn:disabled{opacity:.6;cursor:not-allowed}.skill-image{width:100%;height:160px;background:#f0f4f8;overflow:hidden}.skill-content{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1;justify-content:space-between}.skill-top{display:flex;flex-direction:column;gap:10px}.skill-footer{display:flex;flex-direction:column}.skill-icon{width:48px;height:48px;background:#4299e1;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:none;color:#fff}.skill-title{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:0;letter-spacing:-.3px;line-height:1.3;white-space:normal;overflow:visible;text-overflow:initial;overflow-wrap:anywhere;word-break:break-word}.skill-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#718096;margin-bottom:16px}.progress-bar{width:100%;height:6px;background:#e2e8f099;border-radius:10px;overflow:hidden}.empty-state{text-align:center;padding:60px 20px}.empty-icon{width:80px;height:80px;margin:0 auto 24px;background:#4299e114;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4299e1}.empty-title{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:8px}.empty-text{font-size:14px;color:#718096}@media (max-width: 768px){.home-page{position:relative}.skill-intent-modal{padding:28px 20px;margin:20px}.skill-intent-header h2{font-size:24px}.skill-intent-options{grid-template-columns:1fr}.skill-intent-option{padding:24px 20px}.skills-grid{gap:14px;padding-right:20px}.skill-card{min-width:78vw;max-width:78vw;flex:0 0 78vw}.home-header{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:24px;position:static;background:none;border:none;box-shadow:none}.header-right,.welcome p{display:none}.profile-btn{width:38px;height:38px;font-size:14px}.welcome h1{font-size:22px;padding-right:0}.section-header{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}.section-header .prog-sh-badge{margin-left:0}.section-header .toggle-buttons{margin-left:auto}.toggle-buttons{padding:2px;gap:1px}.toggle-btn{padding:5px 9px;font-size:11px;border-radius:7px}.home-page .skills-section .section-header{justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap!important}.home-page .skills-section .skills-grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important}.home-page .skills-section .skills-grid>.skill-card{min-width:78vw!important;max-width:78vw!important;flex:0 0 78vw!important}}.home-goal-section{background:#ffffffd1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:22px 24px 20px;box-shadow:0 4px 16px #0000000d;margin-bottom:28px}.home-goal-header{margin-bottom:14px}.home-goal-body{display:flex;flex-direction:column;gap:8px}.home-goal-label-row{display:flex;justify-content:space-between;align-items:center}.home-goal-label{font-size:14px;font-weight:600;color:#4a5568}.home-goal-statement{font-family:Verdana,Geneva,sans-serif;font-size:20px;font-weight:400;line-height:1.65;color:#1a202c;letter-spacing:-.01em}.home-goal-pct{font-size:20px;font-weight:800;color:#10b981;line-height:1}.home-goal-bar-track{width:100%;height:10px;background:#e2e8f0b3;border-radius:999px;overflow:hidden}.home-goal-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:999px;transition:width .7s cubic-bezier(.22,1,.36,1)}.home-goal-counts{font-size:12.5px;color:#a0aec0;font-weight:500}.home-projects-section,.home-leaderboard-section{margin-bottom:48px}.home-leaderboard-card{background:#ffffffd1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:22px 20px 18px;box-shadow:0 4px 16px #0000000d}.home-leaderboard-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.home-leaderboard-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:420px}.home-leaderboard-table th,.home-leaderboard-table td{text-align:left;padding:7px 6px;border-bottom:1px solid rgba(0,0,0,.06);font-size:12px;color:#2d3748;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-leaderboard-table th:nth-child(1),.home-leaderboard-table td:nth-child(1){width:12%}.home-leaderboard-table th:nth-child(2),.home-leaderboard-table td:nth-child(2){width:20%}.home-leaderboard-table th:nth-child(3),.home-leaderboard-table td:nth-child(3){width:36%}.home-leaderboard-table th:nth-child(4),.home-leaderboard-table td:nth-child(4){width:18%}.home-leaderboard-table th:nth-child(5),.home-leaderboard-table td:nth-child(5){width:14%;text-align:center}.lb-current-user td{background:#6366f114;font-weight:700;color:#4338ca}.lb-current-user td:first-child{border-radius:6px 0 0 6px}.lb-current-user td:last-child{border-radius:0 6px 6px 0}.home-leaderboard-table th{font-weight:700;color:#4a5568;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.lb-show-more-btn{display:block;width:100%;margin-top:10px;padding:8px 0;background:none;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:12px;font-weight:600;color:#4a5568;cursor:pointer;transition:background .15s,color .15s}.lb-show-more-btn:hover{background:#0000000a;color:#1a202c}@media (max-width: 600px){.home-leaderboard-card{padding:16px 12px 14px;border-radius:14px}.home-leaderboard-table th,.home-leaderboard-table td{font-size:11px;padding:8px 5px}.home-leaderboard-table th:nth-child(1),.home-leaderboard-table td:nth-child(1){width:14%}.home-leaderboard-table th:nth-child(2),.home-leaderboard-table td:nth-child(2){width:22%}.home-leaderboard-table th:nth-child(3),.home-leaderboard-table td:nth-child(3){width:32%}.home-leaderboard-table th:nth-child(4),.home-leaderboard-table td:nth-child(4){width:18%}.home-leaderboard-table th:nth-child(5),.home-leaderboard-table td:nth-child(5){width:14%;text-align:center}}.home-project-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:14px}.home-project-group{background:#f8fafcc7;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:10px}.home-project-group-header{font-size:12px;font-weight:700;color:#4a5568;margin-bottom:8px}.home-project-view-all-btn{border:none;background:#4299e1;color:#fff;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease}.home-project-view-all-btn:hover{background:#3182ce}@keyframes home-sh-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.prog-sh-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;animation:home-sh-icon-float 2.4s ease-in-out infinite}.home-sh-green{background:#10b981}.home-sh-green .prog-sh-icon{background:#0000001f}.prog-projects-card{background:#ffffffd1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:22px 20px 18px;box-shadow:0 4px 16px #0000000d}.scroll-reveal.revealed{animation:home-reveal-up .55s cubic-bezier(.22,1,.36,1) forwards}@keyframes home-reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.csm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:csmFadeIn .25s ease-out}@keyframes csmFadeIn{0%{opacity:0}to{opacity:1}}.csm-modal{background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:24px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #0000002e;animation:csmSlideUp .35s ease-out}@keyframes csmSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.csm-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 28px 0}.csm-header-left{display:flex;align-items:center;gap:14px}.csm-icon-badge{width:44px;height:44px;border-radius:12px;background:#4299e1;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.csm-title{font-size:20px;font-weight:700;color:#2d3748;margin:0 0 3px;letter-spacing:-.4px}.csm-subtitle{font-size:13px;color:#718096;margin:0}.csm-close{width:38px;height:38px;background:#4299e114;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4299e1;transition:all .25s ease;flex-shrink:0}.csm-close:hover{background:#4299e12e;transform:rotate(90deg)}.csm-progress-dots{display:flex;align-items:center;justify-content:center;gap:0;padding:20px 28px 0}.csm-dot{width:10px;height:10px;border-radius:50%;background:#4299e133;transition:background .3s ease}.csm-dot.active{background:#4299e1}.csm-dot-line{flex:1;height:2px;max-width:60px;background:#4299e126;margin:0 8px}.csm-body{padding:24px 28px 28px;display:flex;flex-direction:column;gap:16px}.csm-label{font-size:15px;font-weight:600;color:#2d3748;line-height:1.5;margin:0}.csm-input{width:100%;padding:14px 16px;background:#fffc;border:1.5px solid rgba(66,153,225,.2);border-radius:12px;font-size:15px;color:#2d3748;transition:all .25s ease;box-sizing:border-box;font-family:inherit}.csm-input:focus{outline:none;border-color:#4299e180;box-shadow:0 0 0 3px #4299e11f}.csm-input::placeholder{color:#a0aec0}.csm-textarea{width:100%;padding:14px 16px;background:#fffc;border:1.5px solid rgba(66,153,225,.2);border-radius:12px;font-size:14px;color:#2d3748;transition:all .25s ease;resize:vertical;font-family:inherit;line-height:1.6;box-sizing:border-box}.csm-textarea:focus{outline:none;border-color:#4299e180;box-shadow:0 0 0 3px #4299e11f}.csm-textarea::placeholder{color:#a0aec0}.csm-textarea.disabled{background:#f1f3f5cc;color:#a0aec0;cursor:not-allowed;border-color:#a0aec033}.csm-hint{font-size:13px;color:#a0aec0;margin:-8px 0 0;line-height:1.5}.csm-general-btn{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff9;border:1.5px solid rgba(113,128,150,.2);border-radius:12px;font-size:14px;color:#4a5568;cursor:pointer;transition:all .25s ease;text-align:left;width:100%;font-family:inherit}.csm-general-btn:hover{border-color:#4299e159;background:#4299e10d;color:#2d3748}.csm-general-btn.selected{border-color:#4299e1;background:#4299e114;color:#2d3748}.csm-general-btn.selected svg{color:#4299e1}.csm-radio-empty{width:16px;height:16px;border-radius:50%;border:2px solid #cbd5e0;flex-shrink:0}.csm-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:4px}.csm-btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:inherit;white-space:nowrap}.csm-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:none}.csm-btn-primary:disabled{opacity:.45;cursor:not-allowed}.csm-btn-large{padding:14px 28px;font-size:15px}.csm-btn-ghost{display:flex;align-items:center;gap:6px;padding:12px 18px;background:transparent;color:#718096;border:1.5px solid rgba(113,128,150,.25);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;font-family:inherit;white-space:nowrap}.csm-btn-ghost:hover{background:#71809614;color:#4a5568;border-color:#71809666}.csm-processing{align-items:center;padding:36px 28px 40px}.csm-processing-icon{width:72px;height:72px;border-radius:20px;background:#4299e11f;display:flex;align-items:center;justify-content:center;color:#4299e1;margin-bottom:8px}.csm-processing-title{font-size:18px;font-weight:700;color:#2d3748;margin:0 0 24px;letter-spacing:-.3px}.csm-processing-steps{width:100%;display:flex;flex-direction:column;gap:12px;max-width:360px}.csm-proc-step{display:flex;align-items:center;gap:12px;font-size:14px;color:#a0aec0;transition:color .3s ease}.csm-proc-step.active{color:#4299e1;font-weight:500}.csm-proc-step.done{color:#10b981}.csm-proc-icon{flex-shrink:0}.csm-proc-icon.done{color:#10b981}.csm-proc-icon-empty{width:16px;height:16px;border-radius:50%;border:2px solid rgba(160,174,192,.4);flex-shrink:0}.csm-spin{animation:csmSpin .8s linear infinite}@keyframes csmSpin{to{transform:rotate(360deg)}}.csm-result{align-items:center;text-align:center;padding:36px 28px}.csm-result-icon{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.csm-result-icon.warning{background:#f59e0b1f;color:#f59e0b}.csm-result-icon.error{background:#ef44441a;color:#ef4444}.csm-result-title{font-size:20px;font-weight:700;color:#2d3748;margin:8px 0 4px;letter-spacing:-.4px}.csm-result-desc{font-size:14px;color:#718096;line-height:1.6;margin:0;max-width:380px}.csm-result-desc.small{font-size:13px;color:#a0aec0}.csm-result-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px;margin-top:8px}.csm-result-actions .csm-btn-primary,.csm-result-actions .csm-btn-ghost{justify-content:center;width:100%}.csm-preview{gap:20px}.csm-preview-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:20px;font-size:13px;font-weight:600;color:#059669;align-self:flex-start}.csm-preview-card{border:1.5px solid rgba(66,153,225,.2);border-radius:16px;overflow:hidden;background:#fffc}.csm-preview-card-image{height:140px;background:#f0f4f8;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.csm-preview-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.csm-preview-card-letter{font-size:56px;font-weight:700;color:#4299e140;line-height:1}.csm-preview-community-tag{position:absolute;top:14px;right:14px;background:#ffffffd9;border:1px solid rgba(113,128,150,.15);border-radius:20px;padding:4px 10px;font-size:12px;color:#4a5568;font-weight:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.csm-preview-card-body{padding:20px;display:flex;flex-direction:column;gap:10px}.csm-preview-card-title{font-size:18px;font-weight:700;color:#2d3748;margin:0;letter-spacing:-.3px}.csm-preview-card-desc{font-size:13px;color:#718096;line-height:1.6;margin:0}.csm-preview-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#718096}.csm-preview-meta span{display:flex;align-items:center;gap:4px;text-transform:capitalize}.csm-preview-learn{background:#4299e10a;border:1px solid rgba(66,153,225,.1);border-radius:10px;padding:12px 14px}.csm-preview-learn-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#4299e1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.csm-preview-learn-list{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:4px}.csm-preview-learn-list li{font-size:13px;color:#4a5568;line-height:1.5}.csm-preview-tools{display:flex;align-items:center;gap:6px;font-size:12px;color:#a0aec0}.csm-preview-footer{justify-content:space-between}@media (max-width: 600px){.csm-modal{border-radius:20px;max-height:95vh}.csm-header{padding:22px 20px 0}.csm-body{padding:20px 20px 24px}.csm-footer{flex-direction:column-reverse}.csm-btn-primary,.csm-btn-ghost{width:100%;justify-content:center}.csm-preview-footer{flex-direction:column}}.explore-page{width:100%;position:relative}.category-bg{position:fixed;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0;filter:blur(0px);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 40%,rgba(0,0,0,.3) 75%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 40%,rgba(0,0,0,.3) 75%,transparent 100%);animation:categoryBgFade .5s ease forwards;pointer-events:none}@keyframes categoryBgFade{0%{opacity:0}to{opacity:1}}.page-header{margin-bottom:24px;position:relative;z-index:1}.page-title{font-size:32px;font-weight:600;color:#2d3748;margin-bottom:8px;letter-spacing:-.5px;transition:color .4s ease}.page-subtitle{font-size:15px;color:#718096;font-weight:400;transition:color .4s ease}.explore-page[data-theme=dark] .page-title{color:#fff}.explore-page[data-theme=dark] .page-subtitle{color:#ffffffbf}.search-bar{position:relative;margin-bottom:24px;z-index:1}.explore-page[data-theme=dark] .search-input{background:#ffffff26;border-color:#ffffff40;color:#fff}.explore-page[data-theme=dark] .search-input::placeholder{color:#ffffff80}.explore-page[data-theme=dark] .search-icon,.explore-page[data-theme=dark] .search-clear{color:#fff9}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#718096;z-index:2;pointer-events:none}.search-icon:hover,.search-icon:active{transform:translateY(-50%)!important;filter:none!important}.search-input{width:100%;padding:14px 48px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px;font-size:15px;color:#2d3748;transition:all .3s ease}.search-input:focus{outline:none;border-color:#4299e180;box-shadow:none}.search-input::placeholder{color:#a0aec0}.search-clear{position:absolute!important;right:16px;top:50%;transform:translateY(-50%)!important;background:none;border:none;color:#718096;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;overflow:visible!important}.search-clear:hover,.search-clear:active{transform:translateY(-50%)!important;filter:none!important;color:#ef4444}.filter-section{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-label{font-size:14px;font-weight:500;color:#4a5568;min-width:80px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{padding:8px 16px;background:#fffc;border:1px solid rgba(113,128,150,.2);border-radius:16px;font-size:13px;font-weight:500;color:#718096;cursor:pointer;transition:all .3s ease}.filter-pill:hover{background:#4299e11a;border-color:#4299e14d;color:#4299e1}.filter-pill.active{background:#4299e1;color:#fff;border-color:transparent;box-shadow:none}.categories-row{display:flex;align-items:center;gap:10px;margin-bottom:32px;max-height:60px;opacity:1;transition:max-height .25s ease,opacity .2s ease,margin-bottom .25s ease;position:relative;z-index:1}.categories-row--hidden{max-height:0;opacity:0;margin-bottom:0;pointer-events:none;overflow:hidden}.categories{display:flex;gap:12px;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex:1;min-width:0}.categories--hidden{max-height:0;opacity:0;margin-bottom:0;pointer-events:none;overflow:hidden}.categories::-webkit-scrollbar{display:none}.category-pill{padding:10px 24px;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:20px;font-size:14px;font-weight:500;color:#718096;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex:0 0 auto}.category-pill:hover{background:#ffffffe6;color:#4299e1;border-color:#4299e14d}.category-pill.active{background:#4299e1;color:#fff;border-color:transparent;box-shadow:none}.clear-filter{width:36px;height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:center;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;transition:all .3s ease;color:#718096}.clear-filter:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.ai-discovery-banner{display:flex;justify-content:space-between;align-items:center;padding:24px;margin-bottom:32px;background:#4299e114;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(66,153,225,.2);border-radius:16px;gap:16px;max-height:120px;opacity:1;overflow:hidden;transition:max-height .25s ease,opacity .2s ease,margin-bottom .25s ease,padding .25s ease}.ai-discovery-banner--hidden{max-height:0;opacity:0;margin-bottom:0;padding-top:0;padding-bottom:0;pointer-events:none;border-width:0}.ai-discovery-content{display:flex;align-items:center;gap:16px}.ai-discovery-content svg{color:#4299e1;flex-shrink:0;transition:color .4s ease}.ai-discovery-content h3{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 4px;transition:color .4s ease}.ai-discovery-content p{font-size:14px;color:#718096;margin:0;transition:color .4s ease}.explore-page[data-theme=dark] .ai-discovery-content h3{color:#fff}.explore-page[data-theme=dark] .ai-discovery-content p{color:#ffffffbf}.explore-page[data-theme=dark] .ai-discovery-content svg{color:#90cdf4}.ai-discovery-btn{padding:12px 24px;background:#4299e1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ai-discovery-btn:hover{transform:translateY(-2px);box-shadow:none}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.skill-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0000000a;display:flex;flex-direction:column}.skill-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#4299e14d}.skill-image{width:100%;height:180px;background:linear-gradient(135deg,#e0e7ff,#f3f4f6);overflow:hidden;position:relative}.skill-image img{width:100%;height:100%;object-fit:cover}.skill-image img.logo-img{object-fit:contain;padding:20px 24px;background:#f8f9ff}.skill-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:700;color:#4299e133}.skill-content{padding:24px;flex:1;display:flex;flex-direction:column}.skill-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.skill-title{font-size:18px;font-weight:600;color:#2d3748;letter-spacing:-.3px;flex:1}.skill-description{font-size:14px;color:#718096;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.skill-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:#718096;margin-top:auto;padding-top:16px}.skill-meta span{display:flex;align-items:center;gap:4px}.difficulty-badge{font-weight:600;text-transform:capitalize}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;background:#ffffffb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;border:1px solid rgba(255,255,255,.6);position:relative;z-index:1}.empty-state svg{color:#718096}.empty-state h3{font-size:20px;font-weight:600;color:#1a202c;margin:0}.empty-state p{font-size:15px;color:#4a5568;margin:0}.empty-state-emphasis{color:#2d3748;text-align:center;max-width:560px}.clear-filters-btn{margin-top:8px;padding:10px 24px;background:#4299e11a;color:#4299e1;border:1px solid rgba(66,153,225,.3);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.clear-filters-btn:hover{background:#4299e133}.empty-state-divider{font-size:13px;color:#cbd5e0;margin:-4px 0}.create-skill-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit}.create-skill-btn:hover{transform:translateY(-2px);box-shadow:none}.skill-image{position:relative}.skill-community-badge{position:absolute;top:12px;right:12px;background:#ffffffe0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(113,128,150,.15);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;color:#4a5568;letter-spacing:.2px}.community-skill-card{border-color:#667eea33}.community-skill-card:hover{border-color:#667eea66}.create-skill-banner{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;margin-top:40px;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2);border-radius:16px;gap:16px}.create-skill-banner-content{display:flex;align-items:center;gap:14px}.create-skill-banner-icon{color:#667eea;flex-shrink:0}.create-skill-banner-text{font-size:15px;font-weight:500;color:#4a5568}.create-skill-banner-btn{padding:11px 22px;background:#4299e1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:inherit}.create-skill-banner-btn:hover{transform:translateY(-2px);box-shadow:none}@media (max-width: 768px){.skills-grid{grid-template-columns:1fr;justify-items:center;width:100%}.skill-card{width:100%;max-width:480px}.filter-section{padding:16px}.filter-group{flex-direction:column;align-items:flex-start}.filter-label{min-width:auto}.ai-discovery-banner{flex-direction:column;text-align:center;max-height:260px;align-items:center}.ai-discovery-content{flex-direction:column;text-align:center}.ai-discovery-btn{width:100%}.create-skill-banner{flex-direction:column;text-align:center;gap:14px}.create-skill-banner-content{flex-direction:column;text-align:center}.create-skill-banner-btn{width:100%}}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(data:font/woff2;base64,d09GMgABAAAAAAZEAA8AAAAAC+QAAAXpAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG4F8HC4GYD9TVEFUKgCBChEICok0h00LIAABNgIkAzwEIAWEdgeBDgwHG9MJKB6DbXvpBJSnqMk9AeebWATkGra5JkVSgELieGCFKFtN8JbQkiVSrxwbU/vx4em03p+ZuDDSbHv3S2iCIu2CzHElBSegCv////uVTmI1tw3oqL73J+6/0xRtFdRbYbNWtp6AUUHNe1agcUF1N92qCp4rwWTjh/lfRQCVQlDsSFZBBez2JvgB2B20qoZghwN+Eh37nfwQxJB1OAwQGmGM0EvDa8yHkBhAgtzyDRXp9+YbDLJ0YXE+AujGI1n1kaR8jlMM0+o9p3KtgmH352WwBIRExKQIwgyLxYIECkIcQkSEnJbWiNkJgnsBVZgwe6cUeAUKHBhHyC8SpOZ4BPC8t3LxA4piMSppUQZRYce5icJcXGHe9VVc8e8eIFySqfECeQEQh5MO0IVDbheDZnr5NsxRd4+KABQIECL5hR2wBO9l592fowGtrLCEzHlJpcPVwHCHufPcl10n7jKoaDjEneO+uHb+Ol/JA1MTgL+rIBygelfVLFgBagiICUmISBEkZwmoA3SAXgizQFEBKAXVgBoMFouzpEcVw+0jK9Ycq4DEmYXrJa7ig6wJjFxgFbE1KXaSnckmpJOy8XpiCW1lfXcQuMpto5HIZhtky0xhil6PCJgnHujtt1WclkszmXANBgOYSnaOsTqRdKk+oVoo1TYTW6rbH71F5rz9cXiED9/E7Dc+qDKY3iZz3jJWGfVvVOjfNHSyk7IJrWyc0TL3lwpW7rBSVAaPh1yFk0rqibWO20ZKdyO0Tl+1zETmxKwesw2DYyJFRqOuKt+0ydH8TiFEz9hQ7MXjN6TvP+4q0+kTHKu5N2ex3uKNyfTYdf8yoZB9Nhu2R+8mLWDyJicpfWrAbH3KnqA7POXTZ68uoSVtrSqP5mn5LJqlU6XRtEgCTYCllFKtRk7lOj6MhslCaIjMj/pJvajXKioX6oKgDn/dH+HPn3WLodT1VxpRsvub3YgozVwzN3fNjNOrRu0YdOiRr83N1eavjsnPj3khj6ZX5+do+dwhpzxmvY1PlzzKcx8PTw1NPfZIz62G7Y1u88zUqDuxE+feXdr66651J2oaPLYXqhan9M86WXTIQ4PjELzE08NjEcd815tCL24vfe89pg29aHoDtgG8bQ+6Vwfj4z7BgYN9rPGRDjroH/ULcAD7+1njYxzu7nGaT0/afFxp83PlCfHP7YF9P13Qv9mv6rX7a92WLRbVIq/htxO/dTLlC23aZ7apC+cFPrE4TnHs2bqKdYd+ePXFmmmye9+s/7+8v/PlL1dPYffeaXz5ULdnzyvvHzv92huvj67pzD6uObX7bZS1l24L6yqcUbW7uTBhtipq615tUpVfvk/9qqCsGIVfgduNQffInAG6vvpB86nq8JHE5JrrjbPt1/muS/N2w1rfdXk/FPoW+L/56XLbFO9on6Kvv2sIeDGxKernA17Z2ecE2bFzLsdn7S9or9kVO399+uaqpMDReXG7wZSCgwggXgh0ICDeErKbhB9uWSbciFnRE+Dn99fnA/zuLN0F/N8smBKtApRiAAE+uar0D8DMAqLqW5fuuJPMEGT1cRrIpG7L50YSokNhtV7ouKMoCasBJkP8+HMfkIWAOlXMSZAdGPCwahvBIlECeElSACOhCBZGhkWAkZXl3EQOaRRwoTMKyY0YLURLMFrx42SwZsYsSECFQK64erVOvbr1UCmk1h16qQ1ev9UQ3rARnbxkGqfCa1Uwi7RAhYrEiQwRpXYKvSCoAFkE5c8MiDCM1y1SsSwFqw+vJoefBqo48it+ddgQL9EixJCLDrbxyuUolDu2u3DLoJsufEAr/u6TvVbB9BnTJ/Con1eQixLLS4UenbxWxxKA24ft82Kp1K+KwzdOeQl6Ya9SQ3cguIhaG4d2PA6+PPacnqhIh1Y+eXC/XwzGAOTtFKpXqwN97gYGCYElHBEQIRERMdggIVIiE6a28Z2aTknlf2M2UrVPiNRDvfLotNTefJlUoi4L0zCW1slT5Ux6mV1LIU+LPkP+95FbAQA=) format("woff2"),url(data:font/woff;base64,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) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-cyrillic-500-normal-B1OEZity.woff2) format("woff2"),url(/assets/manrope-cyrillic-500-normal-CNwnNrRC.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-greek-500-normal-GeMIHyWm.woff2) format("woff2"),url(/assets/manrope-greek-500-normal-DyxYGEtJ.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-vietnamese-500-normal-DCXiE_xi.woff2) format("woff2"),url(/assets/manrope-vietnamese-500-normal-DaZ8i3XM.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-ext-500-normal-dm74KBQw.woff2) format("woff2"),url(/assets/manrope-latin-ext-500-normal-EtoS1VaI.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.progress-page{width:100%}.prog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.prog-title{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 4px;letter-spacing:-.4px}.prog-subtitle{font-size:14px;color:#718096;margin:0}.prog-switcher-bar{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;margin-bottom:20px}.prog-switcher-bar::-webkit-scrollbar{display:none}.prog-skill-tab{padding:9px 22px;background:#ffffffa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:10px;font-size:14px;font-weight:500;color:#718096;cursor:pointer;transition:all .25s ease;white-space:nowrap;flex-shrink:0}.prog-skill-tab:hover{background:#ffffffe6;border-color:#4299e14d;color:#2d3748}.prog-skill-tab.active{background:#4299e1;color:#fff;border-color:transparent;box-shadow:0 3px 10px #4299e159}.prog-stats-banner{display:grid;grid-template-columns:220px 1fr 1fr;gap:16px;background:transparent;border:none;box-shadow:none;overflow:visible;margin-bottom:28px}.prog-overall-card{padding:24px 20px 16px;border-right:none;border-radius:18px;background:#ffffffd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column}.prog-overall-title{font-size:15px;font-weight:700;color:#1a202c;margin-bottom:2px}.prog-overall-sub{font-size:12px;color:#a0aec0;margin-bottom:8px}.prog-gauge-wrap{position:relative;width:100%;max-width:180px;margin:0 auto}.prog-gauge-svg{width:100%;display:block}.prog-gauge-center{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;line-height:1.1;padding-bottom:4px}.prog-gauge-pct{font-size:28px;font-weight:800;color:#1a202c;letter-spacing:-1px}.prog-gauge-lbl{font-size:10px;font-weight:700;letter-spacing:.8px;color:#718096;text-transform:uppercase}.prog-sb-group{display:flex;flex-direction:column;padding:8px 0;border-radius:18px;background:#ffffffd1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000000d}.prog-sb-group+.prog-sb-group{border-left:none}.stat-grid-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px;padding:12px!important;flex-direction:unset!important}.stat-gcell{background:#ffffffa6;border:1px solid rgba(0,0,0,.05);border-radius:14px;padding:16px 12px 13px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;transition:transform .2s ease,box-shadow .2s ease}.stat-gcell:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.stat-gcell-badges{grid-column:1 / -1;flex-direction:row;justify-content:center;align-items:center;gap:14px;padding:14px 18px}.stat-gcell-bdg-info{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.stat-gcell-value{font-size:20px;font-weight:800;color:#2d3748;line-height:1}.stat-pts-value{background:linear-gradient(135deg,#f57f17,#ffd600 45%,#ffa000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:22px}.stat-gcell-bdg-total{font-size:14px;font-weight:500;color:#a0aec0}.stat-gcell-label{font-size:10.5px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.stat3d-icon{width:52px!important;height:52px!important;flex-shrink:0}.stat3d-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat3d-star-wrap{animation:trophy-float 3.5s ease-in-out infinite}.stat3d-rank-wrap{animation:trophy-float 4s ease-in-out infinite}.stat3d-rank-wrap .rank-illus-sm{width:52px!important;height:52px!important}.stat3d-trophy-wrap{animation:trophy-float 3s ease-in-out infinite;filter:drop-shadow(0 4px 10px rgba(245,127,23,.45))}@keyframes trophy-float{0%,to{transform:translateY(0);filter:drop-shadow(0 4px 8px rgba(245,127,23,.4))}50%{transform:translateY(-7px);filter:drop-shadow(0 10px 18px rgba(245,127,23,.7))}}.stat3d-badge-wrap{animation:badge-swing 3.5s ease-in-out infinite;transform-origin:50% 5%}@keyframes badge-swing{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.sb-stat-row{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(0,0,0,.04);flex:1}.sb-stat-row:last-child{border-bottom:none}.sb-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-stat-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sb-stat-label{font-size:13px;font-weight:600;color:#2d3748}.sb-stat-sub{font-size:11px;color:#a0aec0}.sb-ring-wrap{position:relative;width:46px;height:46px;flex-shrink:0}.sb-ring-svg{width:46px;height:46px}.sb-ring-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#1a202c;text-align:center;line-height:1.1}.prog-main-grid{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.prog-left-col{display:flex;flex-direction:column;gap:24px}.prog-skill-card{background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:28px 28px 24px;box-shadow:0 4px 16px #0000000d}.prog-skill-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.prog-skill-name{font-size:20px;font-weight:700;color:#1a202c;margin:0}.prog-skill-pct{font-size:22px;font-weight:800;color:#4299e1}.prog-progress-bar-wrap{height:8px;background:#4299e11f;border-radius:999px;overflow:hidden;margin-bottom:10px}.prog-progress-bar{height:100%;background:linear-gradient(90deg,#4299e1,#667eea);border-radius:999px;transition:width .6s ease}.prog-skill-meta{display:flex;justify-content:space-between;font-size:12px;color:#718096;margin-bottom:20px}.prog-mini-stats{display:flex;gap:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06)}.prog-mini-stat{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#2d3748}.prog-mini-stat svg{color:#4299e1}.prog-mini-label{font-size:12px;font-weight:400;color:#718096}.prog-graph-card{background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:28px;box-shadow:0 4px 16px #0000000d}.prog-graph-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.prog-graph-sub{font-size:12px;color:#a0aec0;margin:0}.prog-mid-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.prog-mid-left,.prog-mid-right{display:flex;flex-direction:column;gap:20px}.prog-streak-card{background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:22px 20px 18px;box-shadow:0 4px 16px #0000000d}.prog-streak-title{font-size:16px;font-weight:700;color:#1a202c;margin:0 0 4px}.prog-streak-sub{font-size:12px;color:#a0aec0;margin:0 0 18px}.prog-fire-row{display:flex;justify-content:space-between;gap:4px;margin-bottom:16px}.prog-fire-day{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.prog-fire-icon{font-size:22px;line-height:1;transition:filter .2s}.prog-fire-icon.inactive{filter:grayscale(1) opacity(.3)}.prog-fire-icon.active{filter:none}.prog-fire-label{font-size:11px;font-weight:500;color:#718096}.prog-streak-footer{display:flex;gap:16px;flex-wrap:wrap;padding-top:14px;border-top:1px solid rgba(0,0,0,.05)}.prog-streak-stat{display:flex;align-items:center;gap:6px;font-size:12px;color:#4a5568;font-weight:500}.prog-streak-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.prog-streak-dot.green{background:#10b981}.prog-streak-dot.blue{background:#4299e1}.prog-exercise-panel{background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:22px 20px 18px;box-shadow:0 4px 16px #0000000d;display:flex;flex-direction:column}.prog-ex-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.prog-ex-list{display:flex;flex-direction:column;gap:10px}.prog-ex-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8fafccc;border-radius:12px;border:1px solid rgba(0,0,0,.04)}.prog-ex-icon{width:34px;height:34px;background:#4299e1;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;margin-top:1px}.prog-ex-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.prog-ex-title{font-size:13px;font-weight:600;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prog-ex-meta{display:flex;align-items:center;gap:6px}.prog-ex-tag{font-size:11px;font-weight:600;background:#4299e11a;color:#4299e1;border-radius:4px;padding:2px 6px}.prog-ex-dot{width:4px;height:4px;border-radius:50%;background:#cbd5e0;flex-shrink:0}.prog-ex-dot.red{background:#ef4444}.prog-ex-attempt{font-size:11px;color:#718096}.prog-ex-submitted{display:flex;align-items:center;gap:5px;font-size:11px;color:#ef4444}.prog-ex-right{flex-shrink:0;display:flex;align-items:center}.prog-ex-score{font-size:16px;font-weight:700}.prog-ex-pending{font-size:11px;font-weight:600;color:#f59e0b;background:#f59e0b1a;padding:3px 8px;border-radius:6px}.prog-ex-view-btn{display:inline-flex;align-items:center;gap:4px;margin-top:14px;padding:8px 16px;background:#4299e1;color:#fff;border:none;border-radius:9px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s;align-self:flex-start}.prog-ex-view-btn:hover{background:#3182ce}.prog-ex-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;color:#718096;font-size:13px;text-align:center}.prog-insight-card{background:linear-gradient(135deg,#4299e124,#4299e10d);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(66,153,225,.28);border-radius:16px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73,0 8px 24px #4299e114}.prog-insight-full{margin-top:24px;margin-bottom:24px}@keyframes prog-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.prog-sh-badge{display:inline-flex;align-items:center;border-radius:12px;overflow:hidden;font-size:14px;font-weight:600;color:#fff;padding-right:14px;gap:0;-webkit-user-select:none;user-select:none}.prog-sh-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:prog-icon-float 2.4s ease-in-out infinite}.prog-sh-badge span{margin-left:8px;white-space:nowrap}.prog-sh-orange{background:#f97316}.prog-sh-orange .prog-sh-icon{background:#0000001f}.prog-sh-blue{background:#4299e1}.prog-sh-blue .prog-sh-icon{background:#0000001f}.prog-sh-amber{background:#d97706}.prog-sh-amber .prog-sh-icon{background:#0000001f}.prog-sh-purple{background:#7c3aed}.prog-sh-purple .prog-sh-icon{background:#0000001f}.prog-sh-green{background:#10b981}.prog-sh-green .prog-sh-icon{background:#0000001f}.prog-rank-card{background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:22px 20px 18px;box-shadow:0 4px 16px #0000000d;display:flex;flex-direction:column}.rank-illus-lg-wrapper{width:105px;height:118px;flex-shrink:0;position:relative;overflow:visible;animation:rank-char-float 3.2s ease-in-out infinite;filter:drop-shadow(0 6px 18px var(--glow-color))}@keyframes rank-char-float{0%,to{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-9px) rotate(.8deg)}}.rank-illus{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:visible}.rank-illus-sm{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.rank-current-display{display:flex;align-items:center;gap:18px;margin-bottom:16px}.rank-current-info{flex:1}.rank-current-name{font-size:22px;font-weight:800;letter-spacing:-.4px;line-height:1;margin-bottom:3px}.rank-current-pts{font-size:12px;color:#718096;margin-bottom:4px}.rank-current-quote{font-size:11.5px;color:#a0aec0;font-style:italic}.rank-maxed{margin-top:5px;font-size:12px;font-weight:700;color:#d97706}.rank-progress-section{background:#00000006;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:12px 14px;margin-bottom:16px}.rank-req-label{font-size:11px;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.rank-req-label strong{color:#4a5568;font-weight:700}.rank-req-row{margin-bottom:8px}.rank-req-row:last-child{margin-bottom:0}.rank-req-text{display:block;font-size:12px;color:#4a5568;margin-bottom:4px}.rank-req-bar-bg{height:6px;background:#00000012;border-radius:99px;overflow:hidden}.rank-req-bar-fill{height:100%;border-radius:99px;transition:width .6s ease}.rank-tiers-row{display:flex;justify-content:space-between;align-items:flex-end;gap:2px;padding-top:14px;border-top:1px solid rgba(0,0,0,.06)}.rank-tier-item{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;position:relative;padding-bottom:2px}.rank-tier-label{font-size:9.5px;font-weight:600;text-align:center;line-height:1}.rank-tier-lock{position:absolute;top:-3px;right:4px;font-size:9px}.rank-tier-item.rank-tier-locked .rank-illus-sm--current,.rank-tier-item.rank-tier-locked .rank-illus-sm{filter:grayscale(.75) opacity(.5)!important;animation:none!important}.rank-illus-sm--current{animation:rank-tier-pulse 2s ease-in-out infinite}@keyframes rank-tier-pulse{0%,to{filter:drop-shadow(0 0 4px var(--glow-color)) drop-shadow(0 2px 4px rgba(0,0,0,.15))}50%{filter:drop-shadow(0 0 10px var(--glow-color)) drop-shadow(0 0 5px var(--glow-color)) drop-shadow(0 2px 4px rgba(0,0,0,.15))}}@media (max-width: 900px){.prog-mid-grid{grid-template-columns:1fr}.prog-mid-right{display:grid;grid-template-columns:1fr 1fr;gap:20px}}.rank-tiers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rank-tiers-header-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#a0aec0}.rank-view-btn{font-size:11.5px;font-weight:700;color:#4299e1;background:#4299e114;border:1px solid rgba(66,153,225,.25);border-radius:8px;padding:3px 10px;cursor:pointer;transition:background .15s,color .15s;line-height:1.6}.rank-view-btn:hover{background:#4299e129;color:#2b6cb0}.rank-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:rank-modal-fade-in .2s ease}@keyframes rank-modal-fade-in{0%{opacity:0}to{opacity:1}}.rank-modal{background:#fff;border-radius:24px;padding:20px 28px 28px;width:340px;max-width:94vw;position:relative;box-shadow:0 20px 60px #0000002e,0 4px 16px #00000014;animation:rank-modal-slide-up .22s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center}@keyframes rank-modal-slide-up{0%{transform:translateY(28px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.rank-modal-top-row{display:flex;align-items:center;justify-content:center;width:100%;position:relative;margin-bottom:20px}.rank-modal-close{position:absolute;top:0;right:0;background:#0000000f;border:none;border-radius:50%;width:28px;height:28px;font-size:12px;cursor:pointer;color:#718096;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.rank-modal-close:hover{background:#0000001f;color:#2d3748}.rank-modal-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#a0aec0;padding:4px 36px;text-align:center;line-height:1}.rank-modal-carousel{display:flex;align-items:center;gap:10px;width:100%;justify-content:center;margin-bottom:16px}.rank-modal-nav{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1);background:#0000000a;font-size:22px;line-height:1;cursor:pointer;color:#4a5568;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,opacity .15s}.rank-modal-nav:hover:not(:disabled){background:#00000017}.rank-modal-nav:disabled{opacity:.25;cursor:default}.rank-modal-badge-wrap{width:170px;height:170px;border-radius:50%;background:#00000008;border:2px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0;filter:drop-shadow(0 6px 18px var(--glow-color, rgba(0,0,0,.12)));animation:rank-modal-badge-float 3s ease-in-out infinite;padding:16px}@keyframes rank-modal-badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.rank-modal-name{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:4px;text-align:center}.rank-modal-desc{font-size:12.5px;color:#718096;font-style:italic;text-align:center;margin-bottom:16px}.rank-modal-reqs{display:flex;align-items:center;gap:0;background:#00000008;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:10px 18px;width:100%;margin-bottom:12px}.rank-modal-req-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.rank-modal-req-divider{width:1px;height:30px;background:#00000014;flex-shrink:0}.rank-modal-req-icon{font-size:16px}.rank-modal-req-val{font-size:12px;font-weight:700;color:#2d3748}.rank-modal-status{font-size:12px;font-weight:700;border-radius:99px;padding:4px 14px;margin-bottom:16px}.rank-modal-status--unlocked{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25)}.rank-modal-status--locked{background:#0000000a;color:#a0aec0;border:1px solid rgba(0,0,0,.08)}.rank-modal-dots{display:flex;gap:6px;align-items:center}.rank-modal-dot{width:7px;height:7px;border-radius:50%;background:#0000001f;border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.rank-modal-dot--active{transform:scale(1.3)}@media (max-width: 600px){.prog-mid-right{grid-template-columns:1fr}}.prog-exercise-card,.prog-right-col{display:none}.prog-bottom-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;margin-top:24px}.prog-bottom-left,.prog-bottom-right{display:flex;flex-direction:column;gap:20px}.prog-lessons-card{background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:22px 24px;box-shadow:0 4px 16px #0000000d}.prog-lessons-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;flex-wrap:wrap}.prog-lessons-count{font-weight:500;color:#a0aec0;font-size:13px}.prog-lt-head{display:grid;grid-template-columns:minmax(160px,1fr) 160px 90px 110px;gap:8px;padding:0 8px 10px;border-bottom:1px solid rgba(0,0,0,.06);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#a0aec0}.prog-lt-row{display:grid;grid-template-columns:minmax(160px,1fr) 160px 90px 110px;gap:8px;align-items:center;padding:12px 8px;border-bottom:1px solid rgba(0,0,0,.04);transition:background .15s;border-radius:10px}.prog-lt-row:last-child{border-bottom:none}.prog-lt-row:hover{background:#4299e10a}.prog-lt-name{display:flex;align-items:center;gap:12px;min-width:0}.prog-lt-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;flex-shrink:0}.prog-lt-info{display:flex;flex-direction:column;gap:2px;min-width:0}.prog-lt-title{font-size:13px;font-weight:600;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prog-lt-meta{font-size:11px;color:#a0aec0}.prog-lt-progress{display:flex;align-items:center;gap:8px}.prog-lt-bar-wrap{flex:1;height:6px;background:#00000012;border-radius:10px;overflow:hidden}.prog-lt-bar{height:100%;border-radius:10px;transition:width .4s}.prog-lt-pct{font-size:11px;font-weight:600;color:#4a5568;white-space:nowrap;min-width:30px;text-align:right}.prog-lt-score{font-size:13px;font-weight:700;color:#1a202c}.prog-lt-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.prog-lt-pill.inprogress{background:#4299e11a;color:#4299e1}.prog-lt-pill.completed{background:#10b9811a;color:#10b981}.prog-lt-pill.locked{background:#a0aec01f;color:#a0aec0}.prog-lt-empty{text-align:center;padding:32px 0;font-size:13px;color:#718096}.prog-lessons-show-btn{display:inline-flex;align-items:center;gap:4px;margin-top:12px;padding:8px 16px;background:#4299e112;border:1px solid rgba(66,153,225,.2);border-radius:9px;color:#4299e1;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s;width:100%;justify-content:center}.prog-lessons-show-btn:hover{background:#4299e121}.prog-projects-card{background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:22px 20px 18px;box-shadow:0 4px 16px #0000000d}.prog-projects-list{display:flex;flex-direction:column;gap:8px}.prog-project-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8fafce6;border-radius:10px;border:1px solid rgba(0,0,0,.04)}.prog-project-icon{width:30px;height:30px;background:#4299e11f;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#4299e1;flex-shrink:0}.prog-project-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.prog-project-name{font-size:13px;font-weight:600;color:#1a202c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prog-project-sub{font-size:11px;color:#a0aec0}.prog-project-pub{font-size:10px;font-weight:700;background:#10b9811a;color:#10b981;padding:2px 7px;border-radius:20px;flex-shrink:0}.prog-proj-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0;color:#718096;font-size:12px;text-align:center;line-height:1.5}.prog-proj-summary{display:flex;align-items:baseline;gap:4px;margin-bottom:12px}.prog-proj-done{font-size:26px;font-weight:800;color:#4299e1;line-height:1}.prog-proj-total{font-size:13px;color:#a0aec0;font-weight:500}.prog-project-item-v2{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;background:#f8fafce6;border-radius:10px;border:1.5px solid rgba(0,0,0,.05);transition:border-color .18s}.prog-project-item-v2.done{background:#10b9810d;border-color:#10b98140}.prog-project-icon-v2{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#4299e1;background:#4299e11a;flex-shrink:0;margin-top:1px}.prog-project-icon-v2.done{background:#10b9811f;color:#10b981}.prog-project-pts{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:54px}.prog-project-pts .pts-done{font-size:12px;font-weight:700;color:#10b981}.prog-project-pts .pts-pending{font-size:12px;font-weight:700;color:#a0aec0}.prog-project-pts .pts-badge{font-size:11px;font-weight:700;color:#10b981}.prog-badges-rank-card{background:#ffffffd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:18px;padding:22px 20px 18px;box-shadow:0 4px 16px #0000000d}.prog-br-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.prog-badge-sq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.prog-badge-sq{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 6px 12px;background:#ffffffb3;border:1.5px solid rgba(124,58,237,.18);border-radius:14px;gap:8px;transition:transform .18s ease,box-shadow .18s ease;cursor:default}.prog-badge-sq:hover{transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed1f}.prog-badge-sq-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px #0000001a}.prog-badge-sq-name{font-size:10px;font-weight:600;color:#5b21b6;text-align:center;line-height:1.3;word-break:break-word}.prog-badges-empty{text-align:center;padding:16px 0;font-size:12px;color:#a0aec0}@media (max-width: 1024px){.prog-bottom-grid{grid-template-columns:1fr}.prog-bottom-right{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media (max-width: 600px){.progress-page{width:100%;max-width:100%;overflow-x:hidden}.prog-bottom-grid,.prog-bottom-left,.prog-bottom-right{width:100%;max-width:100%;min-width:0}.prog-lessons-card,.prog-projects-card,.prog-badges-rank-card,.prog-rank-card{width:100%;max-width:100%;min-width:0;padding-left:14px;padding-right:14px;overflow:hidden}.prog-bottom-right{grid-template-columns:1fr}.prog-lt-head,.prog-lt-row{grid-template-columns:1fr 100px;padding-left:4px;padding-right:4px}.prog-lt-head span:nth-child(3),.prog-lt-head span:nth-child(4),.prog-lt-row .prog-lt-progress,.prog-lt-row .prog-lt-score{display:none}.prog-lt-row .prog-lt-status{display:flex}}.prog-link-btn{background:none;border:none;color:#4299e1;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:2px;padding:0}.prog-link-btn:hover{color:#2b6cb0}.prog-badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prog-stats-card{background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:22px;box-shadow:0 4px 16px #0000000d}.prog-stats-list{display:flex;flex-direction:column;gap:12px}.prog-stat-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f8fafcb3;border-radius:10px}.prog-stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.prog-stat-icon.streak{background:linear-gradient(135deg,#f59e0b,#d97706)}.prog-stat-icon.xp{background:#4299e1}.prog-stat-icon.time{background:linear-gradient(135deg,#10b981,#059669)}.prog-stat-label{flex:1;display:flex;flex-direction:column;gap:1px;font-size:13px;font-weight:600;color:#2d3748}.prog-stat-sub{font-size:11px;font-weight:400;color:#718096}.prog-stat-value{font-size:20px;font-weight:700;color:#1a202c}@media (max-width: 1024px){.prog-main-grid{grid-template-columns:1fr}.prog-right-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.prog-stats-banner{grid-template-columns:1fr 1fr}.prog-overall-card{grid-column:1 / -1}}@media (max-width: 768px){.prog-stats-banner{grid-template-columns:1fr}.prog-overall-card{grid-column:auto}.stat-grid-cards{order:-1}.prog-sb-stats{order:0}.prog-right-col{grid-template-columns:1fr}.prog-graph-header{flex-direction:column;gap:8px;margin-bottom:12px}.prog-graph-card{padding:14px 10px 10px}.prog-mini-stats{flex-wrap:wrap;gap:12px}}.progress-page .page-header{margin-bottom:0}.progress-page .page-title{font-size:28px;font-weight:700;color:#1a202c}.progress-page .page-subtitle{font-size:14px;color:#718096}.stats-grid,.stat-card{display:none}.progress-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;min-height:400px}.progress-page .loading-spinner{width:48px;height:48px;border:4px solid rgba(66,153,225,.1);border-top-color:#4299e1;border-radius:50%;animation:progress-spin .8s linear infinite}@keyframes progress-spin{to{transform:rotate(360deg)}}.progress-page .loading-state p{font-size:15px;color:#718096}.graph-section{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 16px #0000000a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.time-filter{display:flex;gap:8px;background:#fff9;padding:4px;border-radius:10px}.time-btn{padding:6px 16px;border:none;background:transparent;color:#718096;font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .3s ease}.time-btn.active{background:#fff;color:#4299e1;box-shadow:0 2px 8px #00000014}.graph-live-note{margin-top:6px;font-size:12px;color:#5f6f8d}.learning-graph-chart{width:100%;height:340px;background:#4299e108;border-radius:12px;border:1px solid rgba(66,153,225,.15);padding:6px 2px 0}.graph-empty-state{width:100%;height:260px;border-radius:12px;border:1px dashed rgba(66,153,225,.22);background:#4299e10a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#718096;font-size:14px;padding:16px}.graph-empty-icon{color:#4299e1;opacity:.75}.graph-error-state{margin-bottom:10px;border:1px solid rgba(239,68,68,.28);background:#ef444414;color:#9b2c2c;border-radius:10px;padding:10px 12px;font-size:13px}.ai-icon{width:32px;height:32px;background:#4299e1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.ai-insight-title{font-size:16px;font-weight:600;color:#2d3748}.exercise-section{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 16px #0000000a}.exercise-subtitle{font-size:15px;color:#718096;margin-bottom:16px;font-weight:500}.exercise-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px}.exercise-graph{background:#f8fafc99;border-radius:12px;padding:20px;height:250px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px}.bar{flex:1;background:#4299e1;border-radius:6px 6px 0 0;position:relative;transition:all .3s ease;cursor:pointer}.bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:11px;color:#718096;white-space:nowrap}.bar-value{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-size:12px;font-weight:600;color:#2d3748}.recent-scores{display:flex;flex-direction:column;gap:12px}.score-item{background:#f8fafc99;border-radius:10px;padding:16px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.score-item:hover{background:#f8fafce6;transform:translate(4px)}.score-info h4{font-size:14px;color:#2d3748;margin-bottom:4px;font-weight:600}.score-info p{font-size:12px;color:#718096}.score-value{font-size:20px;font-weight:700;color:#4299e1}.exercise-ai-insight{margin-top:24px;margin-bottom:0}.view-all-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:10px;color:#4299e1;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:16px}.view-all-btn:hover{background:#4299e11a;border-color:#4299e14d;transform:translate(4px)}.progress-page .badges-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.progress-page .badges-section,.progress-page .stats-section{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:32px;box-shadow:0 4px 16px #0000000a}.progress-page .badges-section .section-title,.progress-page .stats-section .section-title{font-size:20px;font-weight:600;color:#2d3748;margin:0;padding:0;letter-spacing:normal}.progress-page .badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.progress-page .badge{background:#ffffffbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:16px;padding:18px 12px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .25s ease;position:relative;box-shadow:0 2px 10px #0000000d}.progress-page .badge:hover{transform:translateY(-3px);box-shadow:0 6px 18px #00000017;background:#fffffff2}.progress-page .badge.gold{border-color:#fbbf2480;background:linear-gradient(145deg,#fffbebe6,#fffc)}.progress-page .badge.silver{border-color:#9ca3af80;background:linear-gradient(145deg,#f3f4f6e6,#fffc)}.progress-page .badge.bronze{border-color:#b4783c66;background:linear-gradient(145deg,#fef7ede6,#fffc)}.progress-page .badge.blue{border-color:#4299e166;background:linear-gradient(145deg,#ebf8ffe6,#fffc)}.progress-page .badge.locked{background:#f8fafc99;border-color:#cbd5e180;box-shadow:none}.progress-page .badge-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;position:relative}.progress-page .badge.gold .badge-icon{background:linear-gradient(135deg,#fde68a,#fbbf24);box-shadow:0 3px 10px #fbbf2459}.progress-page .badge.silver .badge-icon{background:linear-gradient(135deg,#f3f4f6,#d1d5db);box-shadow:0 3px 10px #9ca3af4d}.progress-page .badge.bronze .badge-icon{background:linear-gradient(135deg,#fde8c8,#d97706);box-shadow:none}.progress-page .badge.blue .badge-icon{background:#4299e1;box-shadow:none}.progress-page .badge.locked .badge-icon{background:#e2e8f099}.badge-emoji-faded{opacity:.3;filter:grayscale(1);display:flex;align-items:center;justify-content:center;color:#64748b}.badge-lock-overlay{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;background:#94a3b8;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 1px 4px #0003}.progress-page .badge-name{font-size:11px;font-weight:600;color:#374151;text-align:center;line-height:1.3}.progress-page .badge.locked .badge-name{color:#9ca3af}.progress-page .stats-list{display:flex;flex-direction:column;gap:20px;margin-top:24px}.progress-page .stat-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafc99;border-radius:10px}.progress-page .stat-row-left{display:flex;align-items:center;gap:12px}.progress-page .stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:0}.progress-page .stat-icon.streak{background:linear-gradient(135deg,#f59e0b,#d97706)}.progress-page .stat-icon.xp{background:#4299e1}.progress-page .stat-icon.time{background:linear-gradient(135deg,#10b981,#059669)}.progress-page .stat-row-info h4{font-size:14px;color:#2d3748;font-weight:600;margin-bottom:2px}.progress-page .stat-row-info p{font-size:12px;color:#718096}.progress-page .stat-row-value{font-size:24px;font-weight:700;color:#2d3748}@media (max-width: 1200px){.progress-page .badges-stats,.exercise-content{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.graph-section{padding:16px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.graph-scroll-wrapper{width:100%}.learning-graph-chart{height:280px;padding:4px 0 0}.graph-empty-state{height:220px}}.graph-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.exercises-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.exercises-modal{background:#fff;border-radius:20px;width:100%;max-width:720px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000002e;overflow:hidden}.exercises-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:28px 32px 24px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.exercises-modal-title{font-size:20px;font-weight:700;color:#2d3748;margin:0 0 4px}.exercises-modal-subtitle{font-size:13px;color:#718096;margin:0}.exercises-modal-close{background:#f8fafccc;border:1px solid rgba(0,0,0,.06);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#718096;transition:all .2s;flex-shrink:0}.exercises-modal-close:hover{background:#f1f5f9;color:#2d3748}.exercises-modal-body{overflow-y:auto;flex:1;padding:24px 32px}.exercises-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0;color:#718096;font-size:14px;text-align:center}.exercises-list{display:flex;flex-direction:column;gap:10px}.exercise-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8fafccc;border:1px solid rgba(0,0,0,.04);border-radius:12px;transition:all .2s;gap:12px}.exercise-list-item:hover{background:#f8fafc;border-color:#4299e133;transform:translate(2px)}.eli-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.eli-icon{width:32px;height:32px;background:#4299e1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.eli-info{min-width:0}.eli-info h4{font-size:14px;font-weight:600;color:#2d3748;margin:0 0 3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eli-info p{font-size:12px;color:#718096;margin:0 0 3px}.eli-day{font-size:11px;font-weight:500;background:#4299e11a;color:#4299e1;padding:2px 8px;border-radius:20px}.eli-feedback-preview{font-size:12px;color:#4a5568;margin-top:4px!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.eli-pending{font-size:11px;color:#f59e0b;font-weight:500}.eli-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.eli-score{font-size:20px;font-weight:700}.eli-view-btn{font-size:11px;color:#4299e1;display:flex;align-items:center;gap:2px;font-weight:500;white-space:nowrap}.correction-detail{display:flex;flex-direction:column;gap:20px}.correction-back-btn{background:none;border:none;color:#4299e1;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px;align-self:flex-start}.correction-back-btn:hover{color:#2b6cb0}.correction-score-section{display:flex;align-items:center;gap:20px;padding:20px;background:#f8fafccc;border-radius:12px}.correction-score-badge{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0}.score-label{font-size:11px;color:#718096;font-weight:500}.score-value{font-size:28px;font-weight:700}.score-points{font-size:12px;color:#10b981;font-weight:600}.correction-meta{font-size:13px;color:#4a5568;line-height:1.6}.correction-section{background:#f8fafc80;border-radius:12px;padding:20px}.correction-section-title{font-size:15px;font-weight:600;color:#2d3748;margin:0 0 14px}.correction-submission-content{font-size:14px;color:#4a5568}.correction-code-block{background:#1a202c;border-radius:8px;overflow:hidden;position:relative}.correction-code-lang{background:#ffffff14;color:#a0aec0;font-size:11px;font-weight:500;padding:6px 14px;letter-spacing:.05em;text-transform:uppercase}.correction-code-block code{font-family:Fira Code,Cascadia Code,monospace;font-size:13px;color:#e2e8f0;line-height:1.6}.correction-text-content{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:14px;font-size:14px;line-height:1.7;color:#4a5568}.correction-file-info{font-size:13px;color:#4a5568;display:flex;flex-direction:column;gap:6px}.correction-feedback{display:flex;flex-direction:column;gap:16px}.feedback-summary{font-size:14px;line-height:1.7;color:#4a5568;padding:14px;background:#fff;border-left:3px solid #4299e1;border-radius:0 8px 8px 0}.feedback-category h4{font-size:14px;font-weight:600;color:#2d3748;margin:0 0 10px}.feedback-category ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.feedback-category ul li{font-size:13px;color:#4a5568;line-height:1.5}@media (max-width: 600px){.exercises-modal{max-height:92vh;border-radius:16px 16px 0 0;align-self:flex-end}.exercises-modal-overlay{align-items:flex-end;padding:0}.exercises-modal-header,.exercises-modal-body{padding:20px}}.badges-modal-section{margin-bottom:32px}.badges-modal-section:last-child{margin-bottom:0}.badges-modal-section-title{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:16px}.badges-modal-grid{display:flex;flex-direction:column;gap:16px}.badge-modal-item{display:flex;gap:16px;padding:20px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px;transition:all .3s ease}.badge-modal-item:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.badge-modal-item.locked{opacity:1}.badge-modal-icon{width:64px;height:64px;min-width:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.badge-modal-icon.gold{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#92400e;box-shadow:0 3px 12px #fbbf2459}.badge-modal-icon.silver{background:linear-gradient(135deg,#f3f4f6,#d1d5db);color:#374151;box-shadow:0 3px 12px #9ca3af4d}.badge-modal-icon.bronze{background:linear-gradient(135deg,#fde8c8,#d97706);color:#78350f;box-shadow:none}.badge-modal-icon.blue{background:#4299e1;color:#fff;box-shadow:none}.badge-modal-icon.locked-icon{background:#e2e8f099;color:#94a3b8}.badge-modal-content{flex:1;display:flex;flex-direction:column;gap:8px}.badge-modal-name{font-size:16px;font-weight:600;color:#2d3748;margin:0}.badge-modal-description{font-size:14px;line-height:1.5;color:#718096;margin:0}.badge-modal-progress{display:flex;flex-direction:column;gap:6px;margin-top:4px}.badge-progress-bar{width:100%;height:6px;background:#00000014;border-radius:10px;overflow:hidden}.badge-progress-fill{height:100%;background:#4299e1;border-radius:10px;transition:width .3s ease}.badge-progress-text{font-size:12px;color:#718096;font-weight:500}@keyframes reveal-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}.scroll-reveal{opacity:0}.scroll-reveal.revealed{animation:reveal-up .55s cubic-bezier(.22,1,.36,1) forwards}.scroll-reveal:nth-child(1){animation-delay:0s}.scroll-reveal:nth-child(2){animation-delay:.08s}.scroll-reveal:nth-child(3){animation-delay:.16s}.scroll-reveal:nth-child(4){animation-delay:.24s}.scroll-reveal:nth-child(5){animation-delay:.32s}.prog-gauge-arc-fill{transition:stroke-dasharray 1s cubic-bezier(.22,1,.36,1)}.profile-page{padding:32px;min-height:100vh;background:#f5f7fa}.profile-container{max-width:1000px;margin:0 auto}.profile-header{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.profile-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.profile-avatar-section{display:flex;gap:24px;align-items:center}.profile-avatar{position:relative;width:120px;height:120px;background:#4299e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-edit-btn{position:absolute;bottom:4px;right:4px;width:36px;height:36px;background:#fff;border:2px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#4a5568}.avatar-edit-btn:hover{background:#f7fafc;border-color:#4299e1;color:#4299e1}.profile-basic-info h1{font-size:32px;font-weight:700;color:#2d3748;margin:0 0 8px}.profile-email{display:flex;align-items:center;gap:8px;color:#718096;font-size:16px}.profile-name-input{font-size:32px;font-weight:700;color:#2d3748;border:2px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-family:inherit;margin-bottom:8px;width:100%;max-width:400px}.profile-name-input:focus{outline:none;border-color:#4299e1}.profile-actions{display:flex;gap:12px}.btn-edit,.btn-save,.btn-cancel{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .3s;border:none}.btn-edit{background:#4299e1;color:#fff;box-shadow:none}.btn-edit:hover{transform:translateY(-2px);box-shadow:none}.btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#e2e8f0;color:#4a5568}.btn-cancel:hover{background:#cbd5e0}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.streak{background:#f973161f;color:#f97316}.stat-icon.points{background:#eab3081f;color:#ca8a04}.stat-icon.longest-streak{background:#8b5cf61f;color:#8b5cf6}.stat-icon.member-since{background:#4299e11f;color:#4299e1}.stat-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px}.stat-value{font-size:24px;font-weight:700;color:#2d3748;line-height:1.1}.stat-label{font-size:13px;color:#718096;font-weight:500;line-height:1}.profile-section{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.profile-section h2{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 20px}.profile-bio{color:#4a5568;line-height:1.6;font-size:16px;margin:0}.profile-bio-input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:16px;font-family:inherit;color:#2d3748;resize:vertical;min-height:100px}.profile-bio-input:focus{outline:none;border-color:#4299e1}.account-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e2e8f0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#4a5568;font-size:15px}.detail-value{color:#2d3748;font-size:15px}.verified-badge{background:#d1fae5;color:#065f46;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:600}.unverified-badge{background:#fee2e2;color:#991b1b;padding:4px 12px;border-radius:6px;font-size:14px;font-weight:600}.plan-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid transparent}.plan-badge-trial{background:#ebf8ff;color:#2b6cb0;border-color:#bee3f8}.plan-badge-starter{background:#f0fff4;color:#2f855a;border-color:#9ae6b4}.plan-badge-plus{background:#edf2ff;color:#4c51bf;border-color:#c3dafe}.plan-badge-premium{background:#faf5ff;color:#6b46c1;border-color:#d6bcfa}.plan-badge-unlimited{background:#fffaf0;color:#975a16;border-color:#fbd38d}.plan-badge-default{background:#f7fafc;color:#4a5568;border-color:#e2e8f0}.logout-section{display:flex;justify-content:center;padding:24px}.btn-logout{display:flex;align-items:center;gap:10px;padding:14px 32px;background:#fff;border:2px solid #e2e8f0;color:#dc2626;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .3s}.btn-logout:hover{background:#fef2f2;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}@media (max-width: 768px){.profile-page{padding:16px}.profile-header-content{flex-direction:column}.profile-avatar-section{flex-direction:column;text-align:center;width:100%}.profile-basic-info{width:100%}.profile-basic-info h1{font-size:24px}.profile-name-input{font-size:24px;max-width:100%}.profile-actions{width:100%}.btn-edit,.btn-save,.btn-cancel{flex:1}.profile-stats{grid-template-columns:1fr}.detail-row{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.profile-section,.profile-header{padding:20px}.profile-avatar{width:100px;height:100px}.stat-card{padding:16px}.stat-icon{width:48px;height:48px}.stat-value{font-size:24px}}.skill-detail-page{width:100%}.skill-banner{position:relative;width:100%;height:280px;border-radius:16px;overflow:hidden;margin-bottom:32px;box-shadow:0 4px 16px #00000014}.skill-banner img{width:100%;height:100%;object-fit:cover}.skill-banner-overlay{position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);display:flex;align-items:flex-end;padding:32px}.skill-banner-content{width:100%}.skill-banner-title{font-size:36px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.skill-banner-meta{display:flex;gap:32px;align-items:center;flex-wrap:wrap}.banner-meta-item{display:flex;align-items:center;gap:8px;font-size:16px;color:#fffffff2;font-weight:500}.banner-meta-item strong{color:#fff;font-weight:700}.back-button{display:inline-flex;align-items:center;gap:8px;color:#4299e1;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;margin-bottom:24px;transition:all .3s ease;font-family:inherit;padding:0}.skill-header{margin-bottom:32px}.skill-title{font-size:36px;font-weight:700;color:#2d3748;margin-bottom:12px;letter-spacing:-.5px}.skill-meta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:8px;font-size:15px;color:#718096}.meta-item strong{color:#2d3748;font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:18px 20px;box-shadow:0 4px 16px #0000000a;display:flex;flex-direction:row;align-items:center;gap:14px}.stat-card.highlight{background:#4299e11a;border-color:#4299e14d}.stat-card-icon-wrap{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.streak-icon-wrap{background:#f973161f;color:#f97316}.commitment-icon-wrap{background:#4299e11f;color:#4299e1}.lessons-icon-wrap{background:#48bb781f;color:#38a169}.stat-card-icon{display:block}.stat-card-label{flex:1;font-size:14px;font-weight:500;color:#4a5568;line-height:1.3}.stat-ring-wrap{position:relative;width:56px;height:56px;flex-shrink:0}.stat-ring-svg{width:56px;height:56px;transform:rotate(-90deg)}.stat-ring-bg{fill:none;stroke:#00000012;stroke-width:6}.stat-ring-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dasharray .6s ease}.streak-ring{stroke:#f97316}.commitment-ring{stroke:#4299e1}.lessons-ring{stroke:#48bb78}.stat-ring-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.stat-ring-value{font-size:13px;font-weight:700;color:#2d3748;line-height:1}.stat-label{font-size:13px;color:#718096;font-weight:500;text-align:center}.stat-icon{font-size:32px;margin-bottom:12px}.stat-value{font-size:28px;font-weight:700;color:#2d3748}.ai-insight{background:#4299e11a;border:1px solid rgba(66,153,225,.2);border-radius:16px;padding:24px;margin-bottom:32px;position:relative;overflow:hidden}.ai-insight:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#4299e1}.ai-insight-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ai-icon{width:32px;height:32px;background:#4299e1;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none}.ai-insight-title{font-size:16px;font-weight:600;color:#2d3748;margin:0}.ai-insight-content{font-size:15px;line-height:1.7;color:#4a5568;padding-left:44px}.ai-insight-content strong{color:#4299e1;font-weight:600}.lessons-section{margin-top:32px}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-icon{width:40px;height:40px;background:#4299e1;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none}.section-icon-badge{display:inline-flex;align-items:center;background:#4299e1;border-radius:12px;padding-right:16px;box-shadow:none;overflow:hidden}.section-icon-badge .section-icon{border-radius:10px 0 0 10px;box-shadow:none}.section-badge-label{color:#fff;font-size:15px;font-weight:600;letter-spacing:.01em;margin-left:10px}.section-title{font-size:20px;font-weight:600;color:#2d3748}.lessons-grid{display:grid;gap:20px}.lesson-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:24px;transition:all .3s ease;box-shadow:0 4px 16px #0000000a;position:relative}.lesson-card.completed{opacity:.7}.lesson-card.current{border-color:#4299e166;background:#4299e114}.lesson-card.current:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#4299e1;border-radius:16px 0 0 16px}.lesson-card.future{opacity:.6}.lesson-status{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:12px}.lesson-status.completed{background:#10b9811a;color:#10b981}.lesson-status.current{background:#4299e126;color:#4299e1}.lesson-status.upcoming{background:#e2e8f080;color:#718096}.lesson-card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.lesson-card-top-row .lesson-status{margin-bottom:0}.lesson-diff-badge{display:inline-flex;align-items:center;padding:0;margin:0;background:none!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important;-webkit-text-stroke:0;font-size:13px;line-height:1;flex-shrink:0;letter-spacing:0;font-weight:400}.diff-easy,.diff-intermediate,.diff-hard{background:none!important;color:inherit!important;border:none!important}.lesson-title{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:8px;text-align:left}.lesson-card .lesson-title{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:unset!important;text-align:left!important;padding:0!important;grid-column:unset!important;font-size:16px!important}.lesson-description{font-size:14px;line-height:1.6;color:#718096;margin-bottom:16px}.lesson-meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:13px;color:#718096}.lesson-meta span{display:flex;align-items:center;gap:4px;white-space:nowrap;line-height:1.4}.lesson-meta span svg{flex-shrink:0}.current-lesson-summary{background:#ffffffe6;border-radius:12px;padding:20px;margin-top:16px;border:2px solid rgba(66,153,225,.2)}.summary-title{font-size:14px;font-weight:600;color:#4299e1;margin-bottom:12px}.summary-list{list-style:none;padding:0}.summary-list li{padding:8px 0 8px 24px;position:relative;font-size:14px;color:#4a5568;line-height:1.5}.summary-list li:before{content:"→";position:absolute;left:0;color:#4299e1;font-weight:700}.continue-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;box-shadow:none;transition:all .3s ease;margin-top:16px}.continue-button:hover{transform:translateY(-2px);box-shadow:none}.brief-roadmap-section{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:24px;margin-bottom:32px;box-shadow:0 4px 16px #0000000a}.roadmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.roadmap-title{font-size:18px;font-weight:600;color:#2d3748;margin:0}.view-all-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#4299e11a;color:#4299e1;border:1px solid rgba(66,153,225,.2);border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-all-btn:hover{background:#4299e126;border-color:#4299e14d}.brief-roadmap-track{display:flex;align-items:flex-start;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;padding:12px 0}.brief-roadmap-track::-webkit-scrollbar{display:none}.brief-roadmap-item{display:contents}.brief-roadmap-node{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;padding:0 12px}.brief-roadmap-circle{width:40px;height:40px;border-radius:50%;background:#e2e8f0cc;border:2px solid rgba(203,213,225,.7);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#94a3b8;transition:all .3s ease}.brief-roadmap-node.milestone .brief-roadmap-circle{background:#4299e1;border-color:transparent;color:#fff;box-shadow:none}.brief-roadmap-node.current .brief-roadmap-circle{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:transparent;color:#fff;box-shadow:0 4px 14px #f59e0b80;animation:pulse 2s infinite}.brief-roadmap-node.completed .brief-roadmap-circle{background:#48bb78;border-color:transparent;color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.brief-roadmap-label{font-size:11px;font-weight:500;color:#64748b;text-align:center;max-width:140px;line-height:1.4;word-wrap:break-word;white-space:normal}.brief-roadmap-node.milestone .brief-roadmap-label{color:#4299e1;font-weight:600}.brief-roadmap-node.current .brief-roadmap-label{color:#f59e0b;font-weight:600}.brief-roadmap-node.completed .brief-roadmap-label{color:#48bb78}.brief-roadmap-connector{flex:1;height:2px;background:#cbd5e1b3;margin-top:20px;align-self:flex-start;min-width:30px;transition:background .4s ease}.brief-roadmap-connector.filled{background:#4299e1}.prog-section-title{font-size:17px;font-weight:700;color:#1a202c;margin:0 0 2px}.prog-insight-card{background:linear-gradient(135deg,#4299e124,#4299e10d);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(66,153,225,.28);border-radius:16px;padding:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73,0 8px 24px #4299e114;margin-bottom:32px}.prog-insight-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#4299e1}.prog-insight-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.prog-insight-body{font-size:13.5px;line-height:1.7;color:#4a5568;padding-left:10px}.prog-insight-body strong{color:#4299e1;font-weight:600}.prog-insight-body--lg{font-size:17.5px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500;letter-spacing:-.01em;color:#374151;line-height:1.82;padding-left:10px}.prog-insight-body--blurred{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.7}.prog-insight-preview{display:block}.prog-insight-cursor{display:inline-block;width:2px;height:1em;background:#4299e1;margin-left:2px;vertical-align:text-bottom;animation:prog-cursor-blink .85s step-end infinite}@keyframes prog-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.prog-insight-live-icons{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-left:10px}.prog-insight-live-icons img{opacity:.55;transition:opacity .3s}.prog-icon-pop{animation:prog-icon-pop .45s cubic-bezier(.34,1.56,.64,1) both;opacity:1!important}@keyframes prog-icon-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.prog-insight-glass{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 30%,rgba(225,237,250,.55) 100%);pointer-events:none;border-radius:16px}.prog-insight-unlock-row{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:5}.prog-insight-unlock{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:9px 20px 9px 14px;border-radius:50px;border:1.5px solid rgba(66,153,225,.55);background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;font-family:Jost,sans-serif;font-size:13.5px;font-weight:600;color:#2b6cb0;white-space:nowrap;box-shadow:0 4px 16px #4299e12e,0 1px #ffffffb3 inset;animation:prog-unlock-pulse 2.2s ease-in-out infinite;transition:transform .15s,box-shadow .15s}.prog-insight-unlock:hover{transform:scale(1.04);box-shadow:0 6px 22px #4299e147,0 1px #ffffffb3 inset;animation:none}.prog-insight-unlock-icon{display:flex;align-items:center}@keyframes prog-unlock-pulse{0%,to{box-shadow:0 4px 16px #4299e12e,0 0 #4299e159}50%{box-shadow:0 4px 20px #4299e147,0 0 0 7px #4299e100}}.prog-insight-typewriter{padding-bottom:62px;height:200px;min-height:200px;max-height:200px}.prog-insight-body--scrollable{max-height:100px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(66,153,225,.3) transparent}.prog-insight-body--scrollable::-webkit-scrollbar{width:4px}.prog-insight-body--scrollable::-webkit-scrollbar-thumb{background:#4299e159;border-radius:4px}.prog-insight-body--scrollable::-webkit-scrollbar-track{background:transparent}@media (max-width: 768px) and (min-width: 481px){.skill-title{font-size:24px}.skill-banner{height:220px}.skill-banner-title{font-size:24px;margin-bottom:10px}.skill-banner-meta{gap:16px}.banner-meta-item{font-size:13px}.roadmap-title{font-size:15px!important}.section-title{font-size:16px}.prog-section-title{font-size:15px}.prog-insight-body--lg{font-size:14px;line-height:1.65}.stats-row{grid-template-columns:1fr}.brief-roadmap-container{padding:0 12px}.brief-roadmap-node{padding:0 8px}.brief-roadmap-day{font-size:11px}.brief-roadmap-label{font-size:10px;max-width:120px}.brief-roadmap-connector{min-width:20px}}@media (max-width: 480px){.back-button{font-size:12px;margin-bottom:12px}.skill-banner{height:180px}.skill-banner-title{font-size:18px;margin-bottom:8px;letter-spacing:0}.skill-banner-meta{gap:10px;flex-wrap:wrap}.banner-meta-item{font-size:12px;gap:5px}.skill-title{font-size:20px;letter-spacing:0}.skill-meta{gap:10px;flex-wrap:wrap}.meta-item{font-size:12px}.stats-row{gap:10px;margin-bottom:20px}.stat-card{padding:12px 14px;gap:8px}.stat-ring-wrap,.stat-ring-svg{width:44px;height:44px}.stat-ring-value{font-size:10px}.stat-card-label{font-size:12px}.section-header{font-size:16px;margin-bottom:14px}.lessons-section .section-header{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}.lessons-section .section-header .section-icon-badge{order:1}.lessons-section .section-header .lesson-view-toggle{order:2}.lesson-view-toggle .lesson-view-btn{padding:6px 10px;font-size:11px;border-radius:7px}.lesson-view-toggle .lesson-view-count{font-size:10px;padding:1px 5px}.lessons-section .section-badge-label{font-size:12px;margin-left:7px}.lessons-section .section-icon-badge{padding-right:10px}.lessons-section .section-icon-badge .section-icon{width:30px;height:30px}.section-title{font-size:15px}.roadmap-title{font-size:14px!important}.view-all-btn{padding:8px 14px;font-size:12px}.prog-section-title{font-size:14px}.prog-insight-body--lg{font-size:13px;line-height:1.6}.prog-insight-unlock{font-size:12px;padding:8px 16px 8px 12px}.brief-roadmap-container{padding:0 16px}.brief-roadmap-track{gap:0}.brief-roadmap-node{min-width:auto;width:auto;height:auto;padding:0 12px}.brief-roadmap-circle{width:40px;height:40px}.brief-roadmap-day{font-size:10px}.brief-roadmap-label{font-size:11px;max-width:140px;line-height:1.4}.brief-roadmap-connector{min-width:40px;flex:0 0 40px}.lesson-card{padding:16px}.lesson-card-header{flex-direction:column;align-items:flex-start;gap:8px}.lesson-day-badge{padding:6px 12px;font-size:12px}.lesson-card-title{font-size:16px}.lesson-card-meta{font-size:13px}.lesson-meta span{font-size:12px}.start-lesson-btn,.continue-lesson-btn,.review-lesson-btn{padding:10px 20px;font-size:13px}}.lesson-view-toggle{display:flex;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px;padding:4px;gap:4px;margin-left:auto}.lesson-view-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:9px;font-size:13px;font-weight:500;color:#718096;background:transparent;cursor:pointer;font-family:inherit;transition:all .25s ease;white-space:nowrap}.lesson-view-btn:hover{background:#fffc;color:#2d3748}.lesson-view-btn.active{background:#4299e1;color:#fff;box-shadow:none}.lesson-view-count{background:#ffffff4d;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.lesson-view-btn:not(.active) .lesson-view-count{background:#e2e8f0;color:#4a5568}.completed-lessons-list{display:flex;flex-direction:column;gap:16px}.lesson-card.completed-revisit{opacity:1}.revisit-button{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:10px 20px;background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#4a5568;cursor:pointer;font-family:inherit;transition:all .2s ease}.revisit-button:hover{background:#ebf8ff;border-color:#bee3f8;color:#2b6cb0}.learning-container{display:flex;height:100vh;height:100dvh;overflow:hidden;background:#f5f7fa}.lesson-sidebar{width:180px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.3);padding:32px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:4px 0 24px #00000008;transition:width .3s ease,padding .3s ease;flex-shrink:0;position:relative}.lesson-sidebar.nav-collapsed{width:48px;padding:32px 10px;overflow:hidden}.lesson-sidebar.nav-collapsed .lesson-nav-btn{display:none}.nav-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffffb3;border:1px solid rgba(226,232,240,.7);border-radius:8px;cursor:pointer;color:#718096;transition:all .2s ease;align-self:flex-end;flex-shrink:0}.nav-collapse-btn:hover{background:#4299e11a;color:#4299e1;border-color:#4299e14d}.lesson-nav-btn{padding:14px 20px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px;font-family:inherit;font-size:15px;font-weight:500;color:#718096;cursor:pointer;transition:all .3s ease;text-align:center}.lesson-nav-btn:hover{background:#ffffffe6;border-color:#4299e14d;color:#4299e1}.lesson-nav-btn.active{background:#4299e1;color:#fff;border-color:transparent;box-shadow:none}.main-learning-area{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.learning-header{background:linear-gradient(180deg,#ffffff80,#ffffff57);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.42);padding:20px 32px;box-shadow:inset 0 1px #ffffff80,0 10px 24px #0f172a0f}.header-collapsed-bar{display:flex;align-items:center;gap:10px;padding:7px 16px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000005}.header-collapsed-progress{flex:1;height:6px;background:#e2e8f099;border-radius:10px;overflow:hidden}.header-collapsed-fill{height:100%;background:#4299e1;border-radius:10px;transition:width .5s ease}.header-show-btn,.header-hide-btn{width:28px;height:28px;border:1px solid rgba(66,153,225,.3);border-radius:6px;background:#4299e114;color:#4299e1;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s}.header-show-btn:hover,.header-hide-btn:hover{background:#4299e12e}.header-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:12px}.header-content:before{content:"";display:block}.lesson-title{grid-column:2;text-align:center;font-size:20px;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;padding:0 12px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.desktop-ai-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff9;border:1px solid rgba(255,255,255,.5);border-radius:8px;cursor:pointer;font-size:18px;line-height:1;transition:all .2s ease}.desktop-ai-toggle:hover{background:#4299e11a;border-color:#4299e14d}.tab-steps{display:flex;flex-direction:column;align-items:stretch;padding:12px 24px 6px;width:100%;gap:6px}.tab-steps::-webkit-scrollbar{display:none}.tab-step-item{display:contents}.tab-steps-labels{display:flex;width:100%}.tab-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;background:none;border:none;cursor:pointer;padding:0}.tab-step-circle{display:none}.tab-step-label{font-size:11px;font-weight:600;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;transition:color .25s ease;padding-bottom:6px;white-space:nowrap}.tab-step:hover .tab-step-label{color:#3b82f6}.tab-step.active .tab-step-label{color:#2563eb}.tab-step.completed .tab-step-label{color:#3b82f6}.tab-steps-track{position:relative;width:100%;height:5px;background:#cbd5e18c;border-radius:99px;overflow:hidden}.tab-steps-fill{position:absolute;inset:0 auto 0 0;height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:99px;box-shadow:0 0 8px #3b82f680}.tab-steps-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);background-size:200% 100%;animation:tab-shimmer 1.8s ease-in-out infinite}@keyframes tab-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.tab-steps-dots{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;pointer-events:none}.tab-steps-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid rgba(203,213,225,.8);transform:translate(-50%);transition:border-color .3s ease,background .3s ease;top:50%;margin-top:-4.5px}.tab-steps-dot.reached{border-color:#3b82f6;background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.tab-steps-dot.active-dot{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #3b82f64d}.tab-step-connector{display:none}.close-btn{width:36px;height:36px;background:#fff9;border:1px solid rgba(255,255,255,.5);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#718096}.close-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.progress-container{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:6px;background:#e2e8f099;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:#4299e1;border-radius:10px;transition:width .5s ease}.progress-text{font-size:13px;font-weight:600;color:#4299e1;min-width:36px;text-align:right}.mobile-scroll-progress{display:none}.day-progress-label{font-size:13px;font-weight:500;color:#718096;white-space:nowrap;min-width:100px}.points-chip{display:flex;align-items:center;gap:6px;padding:5px 14px;background:#fff9;border:1px solid rgba(255,255,255,.5);border-radius:999px;font-size:13px;font-weight:600;color:#2d3748;margin-right:8px;white-space:nowrap}.nav-btn.success{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border-color:transparent;box-shadow:0 4px 12px #48bb784d}.nav-btn.success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #48bb7866}.nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.lesson-completed-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#48bb781a;border:1px solid rgba(72,187,120,.3);border-radius:10px;font-size:14px;font-weight:600;color:#38a169}.content-area{flex:1;padding:32px;overflow-y:auto;background:#f5f4ef}@keyframes tabEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-section{background:#fff;border:1px solid rgba(229,231,235,.7);border-radius:20px;padding:48px 56px;box-shadow:0 1px 4px #0000000a,0 8px 32px #0000000d;max-width:760px;margin:0 auto;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17.5px;line-height:1.82;color:#374151;position:relative;--dynamic-font-size: 17.5px;animation:tabEnter .22s ease both}.content-section h2{font-family:Manrope,sans-serif;font-size:23px;font-weight:700;color:#111827;margin-top:0;margin-bottom:24px;letter-spacing:-.3px;line-height:1.3}.content-section h3{font-family:Manrope,sans-serif;font-size:13px;font-weight:700;color:#6b7280;margin-top:36px;margin-bottom:14px;text-transform:uppercase;letter-spacing:.9px}.content-section p{font-size:var(--dynamic-font-size, 17.5px);line-height:1.82;color:#374151;margin-bottom:1.4em}.content-section ul,.content-section ol{margin-left:20px;margin-bottom:1.4em;padding-left:8px}.content-section ul li{list-style:none;padding-left:4px;position:relative}.content-section ul li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#4299e1;margin-right:12px;margin-left:-20px;vertical-align:middle;flex-shrink:0}.content-section li{font-size:var(--dynamic-font-size, 17.5px);line-height:1.82;color:#374151;margin-bottom:.55em}.video-container{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#e0e7ff,#f3f4f6);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.video-lessons{display:flex;flex-direction:column;gap:24px}.video-lesson{background:#f8fafce6;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0f172a0a}.video-lesson-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:12px}.video-lesson-meta{font-size:14px;color:#6b7280;margin-top:8px}.video-embed-wrapper{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#f0ede8;position:relative}.watch-on-youtube-btn{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 14px;background:#fff;border:1.5px solid rgba(0,0,0,.1);border-radius:8px;font-size:13px;font-weight:600;color:#c00;text-decoration:none;transition:background .15s,border-color .15s}.watch-on-youtube-btn:hover{background:#fff5f5;border-color:#c00}.video-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:#f0ede8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:12px}.video-skeleton-play{width:44px;height:44px;border-radius:50%;border:3px solid #d6d0c8;border-top-color:#8b7355;animation:videoSpin .8s linear infinite}.video-skeleton:after{content:"Loading video…";font-size:13px;color:#9d8f80;font-family:inherit;letter-spacing:.01em}@keyframes videoSpin{to{transform:rotate(360deg)}}@keyframes progressShimmer{0%{background-position:-200% center}to{background-position:200% center}}.video-embed-wrapper iframe{width:100%;height:100%;border:none;display:block}.video-segments{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.video-segment-chip{padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#ffffffe6;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s ease}.video-segment-chip:hover{background:#eff6ff;border-color:#3b82f6;color:#4299e1}.video-segment-chip.active{background:#4299e1;border-color:transparent;color:#fff;box-shadow:0 3px 10px #3b82f659}.video-segment-description{font-size:14px;color:#4b5563;margin-top:10px}.video-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px}.play-button{width:80px;height:80px;background:#4299e1;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:none;color:#fff}.play-button:hover{transform:scale(1.1);box-shadow:none}.example-box,.exercise-box{background:#fff;border:1px solid #e8e4da;border-radius:10px;padding:20px 22px;margin-top:24px;position:relative}.setup-info-card{margin-top:20px;background:#f0f7ff;border:1px solid #bfdbfe;border-radius:10px;padding:18px 20px}.setup-info-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.setup-info-icon{font-size:28px;line-height:1;flex-shrink:0}.setup-info-icon{flex-shrink:0;margin-top:2px;line-height:0}.setup-info-title{font-size:15px;font-weight:700;color:#1e3a5f}.setup-info-subtitle{font-size:13.5px;color:#475569;margin-top:2px}.setup-steps-list{margin:0 0 14px;padding-left:20px;display:flex;flex-direction:column;gap:8px}.setup-step-item{font-size:14px;color:#334155;line-height:1.5}.setup-info-note{font-size:13px;color:#475569;background:#ffffffb3;border-radius:8px;padding:10px 14px;border:1px solid #dbeafe}.setup-screenshot-upload{margin:14px 0}.setup-screenshot-label{font-size:13.5px;font-weight:600;color:#1e3a5f;margin-bottom:8px}.setup-screenshot-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border:2px dashed #93c5fd;border-radius:10px;cursor:pointer;background:#fff9;font-size:13px;color:#3b82f6;transition:background .15s;text-align:center}.setup-screenshot-drop:hover{background:#dbeafe80}.setup-screenshot-drop-icon{line-height:0}.setup-screenshot-preview{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.setup-screenshot-img{max-width:100%;max-height:240px;border-radius:8px;border:1px solid #bfdbfe;object-fit:contain}.setup-screenshot-remove{font-size:12px;color:#e53e3e;background:none;border:none;cursor:pointer;padding:2px 0;font-weight:600}.setup-screenshot-remove:hover{text-decoration:underline}.example-box:before{content:"EXAMPLE";display:block;font-size:9.5px;font-weight:800;letter-spacing:.12em;color:#b08030;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #ece8de}.text-lesson-card{background:#f8f7f4;border-radius:14px;padding:24px 28px;margin-top:24px;border-left:4px solid #4299e1;box-shadow:none}.text-lesson-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:10px;letter-spacing:-.1px}.text-lesson-summary{font-size:var(--dynamic-font-size, 17px);line-height:1.82;color:#374151}.text-lesson-keypoints{margin:14px 0 0 16px}.text-lesson-keypoints li{list-style:disc}.text-lesson-sections{margin-top:16px}.text-lesson-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(229,231,235,.8)}.text-lesson-section:first-child{border-top:none;padding-top:0}.text-lesson-section-heading{font-size:13px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.9px;margin-bottom:8px}.text-lesson-source{margin-top:16px;padding:14px 16px;border-radius:10px;background:#f3f4f6b3;border:1px solid rgba(229,231,235,.5)}.text-lesson-source-title{font-size:14px;font-weight:600;color:#1f2937}.text-lesson-source-meta{font-size:12px;color:#6b7280;margin-top:3px}.text-lesson-source-description{font-size:13.5px;color:#4b5563;margin-top:8px;line-height:1.7}.code-block{background:transparent;color:#2d3748;padding:0;border-radius:0;font-family:inherit;font-size:var(--dynamic-font-size, 15px);line-height:1.8;overflow-x:visible;margin:10px 0 0;white-space:pre-wrap;border:none;box-shadow:none;letter-spacing:normal;counter-reset:step}.code-block code{display:block;font-family:inherit;font-size:inherit;color:inherit}.exercise-title{font-size:18px;font-weight:600;color:#4299e1;margin-bottom:16px;display:flex;align-items:center;gap:8px}.answer-input{width:100%;min-height:120px;padding:16px;background:#fffc;border:1px solid rgba(226,232,240,.6);border-radius:10px;font-family:inherit;font-size:14px;color:#2d3748;resize:vertical;margin-bottom:16px}.answer-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.submit-btn{padding:12px 28px;background:#4299e1;color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:none;transition:all .3s ease}.bottom-nav{position:static;bottom:auto;left:auto;transform:none;padding:14px 24px;background:#ffffffd9;border-top:1px solid rgba(226,232,240,.6);border-radius:0;display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 -2px 12px #0000000a;flex-shrink:0;z-index:auto;pointer-events:auto;white-space:nowrap}.nav-arrow-btn{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1.5px solid #4299e1;background:#4299e1;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .14s ease,box-shadow .18s ease}.nav-arrow-btn:hover:not(:disabled){border-color:#4299e1;color:#4299e1;background:#4299e10f}.nav-arrow-btn:disabled{opacity:.35;cursor:not-allowed}.nav-arrow-btn.nav-arrow-complete{border-color:#48bb78;color:#48bb78}.nav-arrow-btn.nav-arrow-complete:hover:not(:disabled){background:#48bb7814;border-color:#38a169;color:#38a169}.nav-center-label{flex:0 0 auto;text-align:center;padding:10px 28px;border-radius:50px;border:1.5px solid #4299e1;font-size:15px;font-weight:700;color:#2d3748;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;min-width:80px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f}.nav-center-completed{border-color:#48bb78;color:#38a169}.assistant-sidebar{width:360px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000008;transition:width .3s ease;flex-shrink:0}.assistant-sidebar.ai-panel-collapsed{width:0;overflow:hidden;border-left:none;box-shadow:none}.assistant-header{padding:24px;border-bottom:1px solid rgba(226,232,240,.3)}.assistant-title{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.mascot{width:36px;height:36px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:none}.assistant-name{font-size:18px;font-weight:600;color:#2d3748}.assistant-subtitle{font-size:13px;color:#718096;padding-left:60px}.chat-area{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;gap:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message-avatar.bot{background:#4299e1}.message-avatar.user{background:#e2e8f099}.message-content{flex:1;background:#f8fafccc;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.6;color:#2d3748}.chat-message.bot .message-content{background:#4299e114}.chat-input-area{padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));border-top:1px solid rgba(226,232,240,.3)}.chat-input-container{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1;padding:12px 16px;background:#fffc;border:1.5px solid #4299e1;border-radius:10px;font-family:inherit;font-size:14px;color:#2d3748;resize:none;overflow:hidden;min-height:44px;max-height:160px;line-height:1.5;display:block}.chat-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.send-btn{width:44px;height:44px;flex-shrink:0;background:#4299e1;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:none;color:#fff}.send-btn:hover{transform:scale(1.05)}.lesson-sidebar-toggle,.tab-menu-toggle,.tab-dropdown-mobile,.ai-chat-fab,.ai-chat-close-btn{display:none}@media (max-width: 768px){.nav-collapse-btn{display:none}}@media (max-width: 1200px){.desktop-ai-toggle{display:none}.assistant-sidebar.ai-panel-collapsed{width:360px;overflow:visible;border-left:1px solid rgba(255,255,255,.3)}}.lesson-sidebar-overlay,.ai-chat-overlay{display:none}@media (max-width: 1200px){.assistant-sidebar{position:fixed;right:-360px;top:0;height:100vh;height:100dvh;z-index:1001;transition:right .3s ease;background:#fffffff2}.assistant-sidebar.open{right:0}.ai-chat-fab{display:flex;align-items:center;justify-content:center;position:fixed!important;overflow:visible!important;bottom:24px;right:24px;width:56px;height:56px;background:#4299e1;border:none;border-radius:50%;cursor:pointer;z-index:998;box-shadow:none;transition:all .3s ease}.ai-chat-fab:hover{transform:scale(1.1);box-shadow:none}.ai-chat-fab-icon{font-size:28px;line-height:1;width:32px;height:32px;object-fit:cover;border-radius:50%}.ai-chat-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0000000d;border:none;border-radius:8px;cursor:pointer;color:#718096;transition:all .2s ease;margin-left:auto}.ai-chat-close-btn:hover{background:#ef44441a;color:#ef4444}.ai-chat-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000;animation:fadeInOverlay .2s ease}}@media (max-width: 768px){.lesson-sidebar{position:fixed;left:-180px;top:0;height:100vh;height:100dvh;z-index:1000;transition:left .3s ease;background:#fffffff2}.lesson-sidebar.open{left:0}.lesson-sidebar-toggle{display:flex;align-items:center;gap:6px;position:fixed;top:12px;left:12px;z-index:999;padding:8px 14px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);border-radius:10px;cursor:pointer;color:#4299e1;font-family:inherit;font-size:13px;font-weight:600;box-shadow:0 2px 12px #00000014;transition:all .2s ease}.lesson-sidebar-toggle:hover{background:#fffffff2}.lesson-sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999;animation:fadeInOverlay .2s ease}.content-area{padding:16px 0 90px;background:#fff}.learning-header{padding:10px 12px;position:relative}.tab-menu-toggle,.tab-steps{display:none!important}.learning-header{display:flex;flex-direction:row;align-items:center;gap:10px}.mobile-scroll-progress{display:block;order:2;flex:1;align-self:center;height:8px;background:#4299e126;border-radius:999px;overflow:hidden;position:static;margin-top:0;width:auto}.mobile-scroll-fill{height:100%;background:linear-gradient(90deg,#2b7de9,#63b3ed 40%,#90cdf4 60%,#2b7de9);background-size:200% 100%;border-radius:999px;transition:width .2s ease-out;min-width:0;box-shadow:0 0 8px #4299e180;animation:progressShimmer 1.8s linear infinite}.header-content{order:1;flex:0 0 auto;display:flex;align-items:center;gap:8px;margin-bottom:0!important}.header-content:before{display:none}.learning-header .lesson-title{display:none!important}.header-actions{grid-column:unset;flex:0 0 auto}.ai-chat-fab{bottom:80px;right:16px;width:50px;height:50px}.ai-chat-fab-icon{font-size:24px;width:28px;height:28px;object-fit:cover;border-radius:50%}.tab-menu-toggle{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#4299e11a;border:1px solid rgba(66,153,225,.3);border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;color:#4299e1;cursor:pointer;transition:all .2s ease}.tab-menu-toggle:hover{background:#4299e12e}.tab-dropdown-mobile{display:flex;flex-direction:column;gap:8px;padding:12px 0 4px;animation:fadeInOverlay .15s ease}.tab-dropdown-item{display:flex;align-items:center;gap:10px;padding:11px 16px;background:#ffffffd9;border:1px solid rgba(226,232,240,.7);border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;color:#718096;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.tab-dropdown-item.active{background:#4299e1;color:#fff;border-color:transparent;box-shadow:none}.tab-dropdown-item.completed{border-color:#48bb7866}.tab-dropdown-circle{width:26px;height:26px;border-radius:50%;background:#e2e8f0cc;border:2px solid rgba(203,213,225,.7);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#94a3b8;flex-shrink:0}.tab-dropdown-item.active .tab-dropdown-circle{background:#ffffff40;border-color:#ffffff80;color:#fff}.tab-dropdown-item.completed .tab-dropdown-circle{background:#48bb78;border-color:transparent;color:#fff}.bottom-nav{bottom:max(24px,env(safe-area-inset-bottom))}.bottom-nav{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;gap:6px;z-index:100;pointer-events:none;flex-shrink:0}.bottom-nav>*{pointer-events:auto}}@media (max-width: 480px){.header-content{display:flex;flex-direction:row;align-items:center;gap:6px}.header-content:before{display:none}.learning-header .lesson-title,.points-chip,.header-hide-btn,.desktop-ai-toggle,.tab-menu-toggle{display:none!important}.header-actions{grid-column:unset;gap:5px;flex-shrink:0}.tab-menu-toggle span{display:none}.tab-menu-toggle{padding:6px;min-width:32px;justify-content:center}.points-chip{font-size:11px;padding:4px 8px}.header-hide-btn,.close-btn{width:30px;height:30px}.learning-header{padding:10px 12px}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.theory-section{margin-top:8px}.theory-introduction{font-size:var(--dynamic-font-size, 15px);line-height:1.8;color:#374151;margin-bottom:24px;padding:16px 20px;background:#4299e10d;border-left:4px solid #4299e1;border-radius:0 12px 12px 0}.concept-card{background:#f8fafce6;border-radius:12px;padding:20px;margin-top:16px;border:1px solid rgba(226,232,240,.6)}.concept-title{font-size:17px;font-weight:600;color:#1f2937;margin-bottom:10px}.concept-explanation{font-size:var(--dynamic-font-size, 15px);line-height:1.7;color:#4b5563;margin-bottom:12px}.concept-section-label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;margin-bottom:6px}.concept-keypoints{list-style:none;margin:0 0 12px 4px;padding:0}.concept-keypoints li{position:relative;padding-left:20px;margin-bottom:4px;color:#4b5563;font-size:14px;line-height:1.6}.concept-keypoints li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}.concept-mistakes{list-style:none;margin:0 0 0 4px;padding:0}.concept-mistakes li{position:relative;padding-left:22px;padding-top:2px;padding-bottom:2px;color:#991b1b;font-size:14px;line-height:1.6}.concept-mistakes li:before{content:"";position:absolute;left:0;background:#ef4444!important;color:#ef4444}.theory-summary{margin-top:20px;padding:16px 20px;background:#10b9810d;border-left:4px solid #10b981;border-radius:0 12px 12px 0;font-size:15px;line-height:1.7;color:#374151}.example-header,.example-header h3{display:none}.difficulty-badge{display:inline-block;padding:2px 9px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;flex-shrink:0}.difficulty-badge.basic{background:#edf7f1;color:#276749;border:1px solid #b2dfcc}.difficulty-badge.intermediate{background:#fef8ec;color:#92470a;border:1px solid #f6d48c}.difficulty-badge.advanced{background:#fff0f0;color:#9b1c1c;border:1px solid #fdb5b5}.example-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.example-title-text{font-size:15px;font-weight:700;color:#1f2937;line-height:1.4}.example-explanation{font-size:14px;color:#6b7280;margin-top:10px;line-height:1.7;border-top:1px solid #f0ece2;padding-top:10px}.example-image{max-width:100%;height:auto;border-radius:10px;border:1px solid rgba(226,232,240,.6);margin:12px 0;display:block}.theory-image{max-width:100%;height:auto;border-radius:10px;border:1px solid rgba(226,232,240,.6);margin:14px 0;display:block}.concept-image{max-width:480px}.text-lesson-image{max-width:560px}.practice-requirements{margin:16px 0}.practice-requirement{display:flex;align-items:flex-start;gap:8px;padding:6px 0;color:#374151;font-size:15px;line-height:1.6}.practice-requirement:before{content:"✅";flex-shrink:0}.practice-hints{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:16px;margin:16px 0}.practice-hints-title{font-size:14px;font-weight:600;color:#d97706;margin-bottom:8px}.practice-hint{display:flex;align-items:flex-start;gap:8px;padding:4px 0;color:#92400e;font-size:14px;line-height:1.6}.practice-hint:before{content:"💡";flex-shrink:0}.practice-estimated-time{font-size:14px;color:#6b7280;margin:12px 0 16px}.quiz-section{margin-top:32px;padding-top:24px;border-top:2px solid rgba(226,232,240,.6)}.quiz-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.quiz-title{font-size:18px;font-weight:600;color:#2d3748}.quiz-score{font-size:15px;font-weight:600;padding:6px 16px;border-radius:999px;background:#4299e1;color:#fff}.checkpoint-card{background:#f8fafce6;border-radius:12px;padding:20px;margin-bottom:16px;border:1px solid rgba(226,232,240,.6);transition:border-color .3s ease}.checkpoint-card.correct{border-color:#10b981;background:#10b98108}.checkpoint-card.incorrect{border-color:#ef4444;background:#ef444408}.checkpoint-question{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:12px}.checkpoint-options{display:flex;flex-direction:column;gap:8px}.checkpoint-option{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fffc;border:1px solid rgba(226,232,240,.6);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151}.checkpoint-option:hover:not(.disabled){border-color:#4299e1;background:#4299e10d}.checkpoint-option.selected{border-color:#4299e1;background:#4299e114;font-weight:500}.checkpoint-option.correct-answer{border-color:#10b981;background:#10b98114;color:#065f46}.checkpoint-option.wrong-answer{border-color:#ef4444;background:#ef444414;color:#991b1b}.checkpoint-option.disabled{cursor:default}.checkpoint-option-radio{width:18px;height:18px;border-radius:50%;border:2px solid #cbd5e1;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.checkpoint-option.selected .checkpoint-option-radio{border-color:#4299e1;background:#4299e1}.checkpoint-option.correct-answer .checkpoint-option-radio{border-color:#10b981;background:#10b981}.checkpoint-option.wrong-answer .checkpoint-option-radio{border-color:#ef4444;background:#ef4444}.checkpoint-explanation{margin-top:10px;padding:10px 14px;background:#4299e10d;border-radius:8px;font-size:13px;line-height:1.6;color:#4b5563}.quiz-submit-btn{margin-top:16px;padding:12px 28px;background:#4299e1;color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:none;transition:all .3s ease}.quiz-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:none}.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.learning-header{padding:16px 20px}.learning-content{padding:24px 20px}.step-navigator{gap:8px;padding:0 12px}.step-node{min-width:56px;width:56px;height:56px}.step-day{font-size:11px}.step-label{font-size:10px;max-width:60px}.theory-image,.concept-image,.text-lesson-image,.example-image{max-width:100%!important;height:auto;margin:12px 0}.video-lesson iframe{width:100%;height:auto;aspect-ratio:16/9}}@media (max-width: 480px){.lesson-sidebar{display:none!important}.nav-collapse-btn{display:none}.lesson-nav-btn{white-space:nowrap}.learning-header{background:linear-gradient(180deg,#ffffff75,#ffffff47);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-bottom-color:#ffffff61;box-shadow:inset 0 1px #ffffff73,0 8px 20px #0f172a0d;padding:12px 16px}.theory-image,.concept-image,.text-lesson-image,.example-image{max-width:100%!important;border-radius:8px;margin:10px 0}.example-box,.text-lesson,.video-lesson{padding:16px;margin-bottom:16px}.bottom-nav{gap:6px}.nav-arrow-btn{width:40px;height:40px}.nav-center-label{font-size:14px;padding:8px 12px}}.font-size-controls{position:absolute;top:32px;right:32px;display:flex;align-items:center;gap:8px;background:#ffffffe6;padding:6px 12px;border-radius:10px;border:1px solid rgba(226,232,240,.6);box-shadow:0 2px 8px #0000000d}.font-size-label{font-size:13px;color:#718096;font-weight:500;margin-right:4px}.font-size-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#4299e11a;border:1px solid rgba(66,153,225,.2);border-radius:6px;cursor:pointer;transition:all .2s ease;color:#4299e1;font-size:16px;font-weight:700}.font-size-btn:hover{background:#4299e133;border-color:#4299e1}.font-size-btn:active{transform:scale(.95)}.text-selection-toolbar{position:fixed;z-index:1000;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:8px;display:flex;align-items:center;gap:4px;box-shadow:0 8px 24px #0000001f;opacity:0;pointer-events:none;transition:opacity .2s ease}.text-selection-toolbar.visible{opacity:1;pointer-events:all}.toolbar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff9;border:1px solid rgba(226,232,240,.6);border-radius:8px;cursor:pointer;transition:all .2s ease;color:#4a5568}.toolbar-btn:hover{background:#4299e11a;border-color:#4299e1;color:#4299e1}.toolbar-btn.bold{font-weight:700;font-size:16px}.toolbar-btn.underline{text-decoration:underline;font-size:16px}.toolbar-btn.highlight{background:linear-gradient(#ffeb3b4d,#ffeb3b4d)}.toolbar-btn.ai{background:#4299e1;color:#fff;border:none}.toolbar-btn.ai:hover{transform:scale(1.05);box-shadow:none}.toolbar-btn.undo{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.toolbar-btn.undo:hover{background:#ef444433;border-color:#ef4444;color:#dc2626}.toolbar-divider{width:1px;height:24px;background:#e2e8f099;margin:0 4px}.user-highlighted{background:linear-gradient(#ffeb3b66,#ffeb3b66);padding:2px 0;border-radius:3px}.user-bold{font-weight:700!important}.user-underline{text-decoration:underline;text-decoration-color:#4299e1;text-decoration-thickness:2px}.code-exercise{margin-top:12px}.code-exercise-toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#1e293b;border-radius:10px 10px 0 0}.language-selector{padding:4px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#e2e8f0;font-size:13px;font-family:inherit;cursor:pointer}.language-selector option{background:#1e293b;color:#e2e8f0}.code-lang-badge{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.code-editor{width:100%;min-height:220px;padding:16px;background:#1e293b;border:none;border-radius:0;font-family:Courier New,Fira Code,monospace;font-size:14px;line-height:1.6;color:#e2e8f0;resize:vertical;box-sizing:border-box;-moz-tab-size:2;tab-size:2;outline:none}.code-actions{display:flex;gap:8px;padding:8px 12px;background:#1e293b;border-radius:0 0 10px 10px;border-top:1px solid rgba(255,255,255,.06)}.run-btn{display:flex;align-items:center;gap:6px;padding:7px 18px;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:7px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #48bb7859}.run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #48bb7873}.run-btn:disabled{opacity:.5;cursor:not-allowed}.code-output-panel{margin-top:12px;background:#1e293b0f;border:1px solid rgba(30,41,59,.15);border-radius:10px;overflow:hidden}.code-output-section{padding:10px 16px}.code-output-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#48bb78;margin-bottom:4px}.code-output-label.error{color:#fc8181}.code-output-text{font-family:Courier New,monospace;font-size:13px;color:#2d3748;white-space:pre-wrap;margin:0;line-height:1.5}.code-output-text.error{color:#c53030}.code-output-error{padding:12px 16px;color:#c53030;font-size:13px;font-weight:500}.code-output-status{padding:6px 16px;font-size:12px;color:#718096;border-top:1px solid rgba(0,0,0,.05)}.test-results{padding:12px 16px}.test-results-header{font-size:13px;font-weight:600;color:#2d3748;margin-bottom:10px}.test-case{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:8px;margin-bottom:6px;font-size:13px}.test-case.pass{background:#48bb7814;border:1px solid rgba(72,187,120,.25)}.test-case.fail{background:#fc818114;border:1px solid rgba(252,129,129,.25)}.test-case-label{font-weight:600;color:#2d3748}.test-case.pass .test-case-label{color:#276749}.test-case.fail .test-case-label{color:#c53030}.test-case-detail{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#718096;padding-left:16px}.test-case-detail code{background:#0000000f;padding:1px 4px;border-radius:3px;font-family:monospace}.stdin-panel{background:#1e293b;border-top:1px solid rgba(255,255,255,.07)}.stdin-panel--required{border-top:2px solid #f6ad55}.stdin-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 14px;background:transparent;border:none;color:#94a3b8;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:color .15s ease}.stdin-toggle:hover{color:#e2e8f0}.stdin-chevron{font-size:10px;opacity:.7}.stdin-required-badge{display:inline-block;margin-left:7px;padding:1px 7px;background:#f6ad55;color:#1a202c;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;vertical-align:middle}.stdin-hint{padding:8px 14px;background:#f6ad551f;border-top:1px solid rgba(246,173,85,.3);color:#c05621;font-size:12px;line-height:1.6}.stdin-hint code{background:#00000014;padding:1px 4px;border-radius:3px;font-family:monospace;font-size:12px}.stdin-editor{width:100%;padding:10px 14px;background:#0f172a;border:none;border-top:1px solid rgba(255,255,255,.05);font-family:Courier New,monospace;font-size:13px;color:#cbd5e0;resize:vertical;box-sizing:border-box;outline:none;line-height:1.55}.stdin-editor::placeholder{color:#475569;font-style:italic}.stdin-warning-output{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;background:#f6ad5514;border-left:4px solid #f6ad55}.stdin-warning-icon{font-size:28px;line-height:1}.stdin-warning-text{font-size:13px;line-height:1.7;color:#2d3748}.stdin-warning-text code{background:#00000012;padding:1px 5px;border-radius:3px;font-family:monospace;font-size:12px}.code-preview-wrap{border-top:1px solid rgba(0,0,0,.06)}.code-preview-header{padding:8px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#667eea;background:#667eea0f;border-bottom:1px solid rgba(102,126,234,.15)}.code-preview-iframe{width:100%;min-height:340px;border:none;display:block;background:#fff}.language-selector optgroup{color:#94a3b8;font-size:11px}.word-count{font-size:12px;color:#718096;margin-top:4px;margin-bottom:12px;text-align:right}.media-upload-zone{margin:12px 0}.upload-drop-area{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;background:#4299e10a;border:2px dashed rgba(66,153,225,.3);border-radius:12px;cursor:pointer;transition:all .2s ease}.upload-drop-area:hover{background:#4299e114;border-color:#4299e1}.upload-icon{display:flex;align-items:center;justify-content:center;line-height:0}.upload-label{font-size:13px;color:#718096;text-align:center}.file-preview{display:flex;flex-direction:column;gap:10px;padding:12px;background:#f8fafce6;border-radius:10px;border:1px solid rgba(226,232,240,.6)}.file-preview-img{max-width:100%;max-height:200px;object-fit:contain;border-radius:8px}.file-preview-video,.file-preview-audio{width:100%;border-radius:8px}.file-preview-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-preview-name{font-size:13px;font-weight:500;color:#2d3748;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{font-size:12px;color:#718096}.file-remove-btn{padding:4px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:6px;font-size:12px;color:#c53030;cursor:pointer;transition:all .2s ease}.file-remove-btn:hover{background:#ef444433}.file-validation-error{margin-top:6px;padding:8px 12px;background:#fc81811a;border:1px solid rgba(252,129,129,.3);border-radius:8px;font-size:13px;color:#c53030}.exercise-submit-row{display:flex;align-items:center;gap:12px;margin-top:16px;flex-wrap:wrap}.revisit-exercise-blocked{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f7fafc;border:1.5px dashed #cbd5e0;border-radius:10px;font-size:13px;color:#718096;font-weight:500}.draft-indicator{font-size:12px;color:#a0aec0;font-style:italic}.submit-error{margin-top:8px;padding:8px 12px;background:#fc81811a;border:1px solid rgba(252,129,129,.3);border-radius:8px;font-size:13px;color:#c53030;width:100%}.submission-history{margin-top:28px;padding-top:20px;border-top:2px solid rgba(226,232,240,.6)}.submission-history-title{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:12px}.submission-card{background:#f8fafce6;border-radius:10px;padding:14px 16px;margin-bottom:10px;border:1px solid rgba(226,232,240,.6)}.submission-card-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.submission-attempt{font-size:13px;font-weight:600;color:#2d3748}.submission-time{font-size:12px;color:#a0aec0;flex:1}.grading-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.grading-badge.graded{background:#4299e11f;color:#2b6cb0}.grading-badge.grading{background:#f59e0b1f;color:#b7791f}.grading-badge.pending{background:#a0aec026;color:#718096}.submission-feedback{margin-top:10px;padding-top:10px;border-top:1px solid rgba(226,232,240,.5);font-size:13px;color:#4a5568;display:flex;flex-direction:column;gap:6px}.submission-feedback-summary{color:#2d3748;line-height:1.6}.submission-feedback-strengths{color:#276749}.submission-feedback-improvements{color:#744210}.submission-points{font-size:13px;font-weight:700;color:#4299e1}.question-counter{font-size:12px;color:#a0aec0}.quick-actions{display:flex;flex-wrap:wrap;gap:6px;padding:10px 20px;border-top:1px solid rgba(226,232,240,.3)}.quick-action-chip{padding:5px 12px;background:#4299e114;border:1px solid rgba(66,153,225,.2);border-radius:999px;font-size:12px;font-weight:500;color:#4299e1;cursor:pointer;transition:all .2s ease;font-family:inherit}.quick-action-chip:hover:not(:disabled){background:#4299e126;border-color:#4299e1}.quick-action-chip:disabled{opacity:.4;cursor:not-allowed}.tutor-limit-banner{margin:0 20px 10px;padding:10px 14px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:10px;font-size:13px;color:#92400e;text-align:center}.chat-code-block{position:relative;margin:8px 0;font-size:12px}.chat-code-lang{position:absolute;top:6px;right:10px;font-size:10px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.inline-code{background:#0000000f;padding:1px 5px;border-radius:4px;font-family:monospace;font-size:13px}.streaming-dots{display:inline-flex;gap:3px;align-items:center}.streaming-dots span{display:inline-block;width:6px;height:6px;background:#4299e1;border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.streaming-dots span:nth-child(2){animation-delay:.2s}.streaming-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.font-size-controls{position:static;margin-bottom:12px;align-self:flex-end;padding:4px 8px}.content-section{display:flex;flex-direction:column;padding:20px 18px;border-radius:0;border:none;margin:0;max-width:100%;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;font-size:16.5px;--dynamic-font-size: 16.5px}.font-size-label{font-size:11px}.font-size-btn{width:24px;height:24px;font-size:14px}.text-selection-toolbar{padding:6px;gap:2px}.toolbar-btn{width:32px;height:32px;font-size:14px}}.view-correction-btn{margin-top:12px;padding:8px 16px;background:#4299e1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:none}.view-correction-btn:hover{transform:translateY(-2px);box-shadow:none}.view-correction-btn:active{transform:translateY(0)}.submission-feedback-preview{margin-top:12px;padding:12px;background:#f8fafc;border-radius:8px;border-left:3px solid #4299e1}.submission-feedback-preview .submission-feedback-summary{font-size:14px;color:#475569;line-height:1.5;margin-bottom:12px}.correction-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}.correction-modal{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.correction-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e2e8f0}.correction-modal-header h2{margin:0;font-size:22px;font-weight:700;color:#1e293b}.correction-modal-close{background:none;border:none;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:all .2s ease}.correction-modal-close:hover{background:#f1f5f9;color:#1e293b}.correction-modal-content{flex:1;overflow-y:auto;padding:28px}.correction-score-section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;background:#4299e10d;border-radius:12px;margin-bottom:24px;color:#1e293b;border:2px solid rgba(66,153,225,.15)}.correction-score-badge{display:flex;flex-direction:column;gap:4px}.score-label{font-size:13px;font-weight:500;color:#64748b}.score-value{font-size:40px;font-weight:700;line-height:1;color:#4299e1}.score-points{font-size:14px;font-weight:600;margin-top:4px;color:#10b981}.correction-date{font-size:13px;color:#64748b;text-align:right}.correction-section{margin-bottom:28px}.correction-section-title{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 12px;display:flex;align-items:center;gap:8px}.correction-summary{font-size:15px;color:#475569;line-height:1.6;padding:16px;background:#f8fafc;border-radius:10px;border-left:3px solid #4299e1}.correction-submission-content{background:#f8fafc;border-radius:10px;padding:16px;border:1px solid #e2e8f0}.correction-code-block{position:relative;background:#1e293b;border-radius:8px;overflow:hidden}.correction-code-lang{position:absolute;top:12px;right:12px;font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.correction-code-block pre{margin:0;padding:16px;overflow-x:auto}.correction-code-block code{font-family:Fira Code,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;color:#e2e8f0}.correction-text-content{font-size:14px;color:#334155;line-height:1.7;white-space:pre-wrap;word-break:break-word}.correction-file-info{font-size:14px;color:#475569}.correction-file-details p{margin:8px 0}.correction-file-details strong{color:#1e293b;font-weight:600}.correction-media-note{margin-top:16px;padding:12px 16px;background:#dbeafe;border-left:3px solid #4299e1;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;color:#475569}.media-icon{font-size:24px}.correction-list{list-style:none;padding:0;margin:0}.correction-list-item{margin-bottom:8px;border-radius:8px;font-size:14px;line-height:1.6;position:relative;padding:12px 16px 12px 44px}.correction-list-item:before{content:"";position:absolute;left:16px;top:16px;width:6px;height:6px;border-radius:50%}.correction-strengths .correction-section-title{color:#059669}.strength-item{background:#d1fae5;border-left:3px solid #10b981;color:#065f46}.strength-item:before{background:#10b981}.correction-improvements .correction-section-title{color:#dc2626}.improvement-item{background:#fee2e2;border-left:3px solid #ef4444;color:#991b1b}.improvement-item:before{background:#ef4444}.correction-next-steps .correction-section-title{color:#2563eb}.correction-next-steps-content{padding:16px;background:#dbeafe;border-radius:10px;border-left:3px solid #3b82f6;font-size:14px;color:#1e40af;line-height:1.6}.correction-modal-footer{padding:20px 28px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.correction-close-btn{padding:10px 24px;background:#f1f5f9;color:#475569;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.correction-close-btn:hover{background:#e2e8f0;color:#1e293b}@media (max-width: 768px){.correction-modal{max-height:95vh;margin:10px}.correction-modal-header{padding:20px}.correction-modal-header h2{font-size:18px}.correction-modal-content{padding:20px}.correction-score-section{flex-direction:column;align-items:flex-start}.score-value{font-size:28px}.correction-date{text-align:left}.correction-section-title{font-size:15px}.correction-list-item{padding:10px 12px 10px 36px;font-size:13px}.correction-list-item:before{left:12px;top:14px}}.badge-popup-stack{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.badge-popup-card{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px 16px 16px;border-radius:20px;min-width:300px;max-width:370px;background:#0d0c14f0;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1.5px solid rgba(251,191,36,.35);box-shadow:0 0 0 1px #ffffff0a,0 4px 6px #0000004d,0 16px 48px #00000080,0 0 40px #fbbf2414;overflow:hidden;pointer-events:all;animation:badgeCardIn .55s cubic-bezier(.22,1,.36,1) both}@keyframes badgeCardIn{0%{opacity:0;transform:translate(110%) scale(.88)}to{opacity:1;transform:translate(0) scale(1)}}.badge-popup-glow{position:absolute;top:-30px;right:-30px;width:110px;height:110px;background:radial-gradient(circle,rgba(251,191,36,.22) 0%,transparent 70%);pointer-events:none}.badge-popup-shimmer{position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,191,36,.07),transparent);animation:badgeShimmer 3.2s ease-in-out infinite .6s;pointer-events:none}@keyframes badgeShimmer{0%{left:-80%}to{left:160%}}.badge-popup-icon-wrap{flex-shrink:0;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#fbbf242e,#f59e0b1f);border:1px solid rgba(251,191,36,.28);display:flex;align-items:center;justify-content:center;font-size:28px;animation:badgeIconPop .55s cubic-bezier(.22,1,.36,1) .18s both}@keyframes badgeIconPop{0%{transform:scale(.3) rotate(-15deg);opacity:0}60%{transform:scale(1.18) rotate(6deg)}to{transform:scale(1) rotate(0);opacity:1}}.badge-popup-icon{display:block;line-height:1;filter:drop-shadow(0 2px 6px rgba(251,191,36,.5))}.badge-popup-content{flex:1;min-width:0}.badge-popup-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.1px;color:#fbbf24;margin-bottom:4px;opacity:0;animation:badgeFadeUp .4s ease .3s both}.badge-popup-name{font-size:15px;font-weight:700;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;animation:badgeFadeUp .4s ease .38s both}.badge-popup-desc{font-size:12px;color:#ffffff73;margin-top:4px;line-height:1.45;opacity:0;animation:badgeFadeUp .4s ease .46s both}@keyframes badgeFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.badge-popup-close{flex-shrink:0;align-self:flex-start;background:none;border:none;cursor:pointer;color:#ffffff40;font-size:13px;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;pointer-events:all}.badge-popup-close:hover{color:#fffc;background:#ffffff14}.badge-popup-timer{position:absolute;bottom:0;left:0;height:2.5px;width:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24,#fde68a);animation:badgeTimerShrink 10s linear forwards;transform-origin:left;border-radius:0 0 20px 20px}@keyframes badgeTimerShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes badgeUnlock{0%{transform:scale(.3) translateY(-100px);opacity:0}50%{transform:scale(1.1) translateY(0)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0) scale(.5)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.cl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4299e11f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9000;display:flex;align-items:center;justify-content:center;animation:cl-fade-in .28s ease forwards}@keyframes cl-fade-in{0%{opacity:0}to{opacity:1}}.cl-card{background:#fff;border-radius:24px;padding:36px 32px 32px;max-width:360px;width:calc(100% - 48px);display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 8px 32px #4299e12e,0 2px 8px #4299e11a;animation:cl-card-pop .38s cubic-bezier(.34,1.56,.64,1) forwards;position:relative;overflow:hidden}.cl-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#818cf8,#60a5fa);border-radius:24px 24px 0 0}@keyframes cl-card-pop{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.cl-title{font-family:Manrope,sans-serif;font-size:16px;font-weight:700;color:#1e3a5f;margin:0;letter-spacing:-.2px}.cl-mascot-wrapper{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.cl-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(66,153,225,.35);width:160px;height:160px;animation:cl-ring-expand 2.4s ease-out infinite}.cl-ring:nth-child(2){animation-delay:.8s}.cl-ring:nth-child(3){animation-delay:1.6s}@keyframes cl-ring-expand{0%{transform:scale(1);opacity:.8}to{transform:scale(1.9);opacity:0}}.cl-mascot{width:144px;height:144px;border-radius:50%;overflow:hidden;position:relative;z-index:1;background:linear-gradient(135deg,#ebf8ff,#dbeafe);box-shadow:0 0 0 3px #4299e124,0 4px 20px #4299e138;animation:cl-breathe 3s ease-in-out infinite}@keyframes cl-breathe{0%,to{transform:scale(1);box-shadow:0 0 0 3px #4299e124,0 4px 20px #4299e138}50%{transform:scale(1.03);box-shadow:0 0 0 3px #4299e138,0 6px 28px #4299e152}}.cl-lottie{width:100%;height:100%;object-fit:cover}.cl-text-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#4299e114;border:1px solid rgba(66,153,225,.18);border-radius:40px;padding:10px 20px;box-sizing:border-box;animation:cl-text-in .55s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cl-text-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cl-spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(66,153,225,.2);border-top-color:#3b82f6;animation:cl-spin .75s linear infinite;flex-shrink:0}@keyframes cl-spin{to{transform:rotate(360deg)}}.cl-phase-text{font-family:Manrope,sans-serif;font-size:13.5px;font-weight:600;color:#2b6cb0;margin:0;letter-spacing:-.1px}.cl-phase-dots{display:flex;gap:10px;align-items:center}.cl-phase-dot{width:8px;height:8px;border-radius:50%;background:#4299e133;transition:all .4s ease}.cl-phase-dot.done{background:#4299e18c}.cl-phase-dot.current{width:28px;border-radius:4px;box-shadow:0 0 10px #4299e180;transition:all .4s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 700px){.cl-card{padding:28px 20px 24px;gap:16px}.cl-mascot-wrapper{width:130px;height:130px}.cl-mascot{width:116px;height:116px}.cl-ring{width:130px;height:130px}.cl-phase-text{font-size:12.5px}}.content-loading-step.active{color:#4299e1;background:#4299e11f}.content-loading-step.done{color:#38a169;background:#38a16914}.step-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.content-loading-step.active .step-dot{animation:dotPulse 1s ease-in-out infinite}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.lesson-complete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:lcOverlayIn .25s ease both}@keyframes lcOverlayIn{0%{opacity:0}to{opacity:1}}.lesson-complete-modal{position:relative;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:40px 36px 32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;overflow-x:hidden;text-align:center;box-shadow:0 16px 48px #0000001a,0 4px 16px #0000000f;animation:lcModalPop .45s cubic-bezier(.34,1.56,.64,1) both;scrollbar-width:thin;scrollbar-color:rgba(113,128,150,.3) transparent}@keyframes lcModalPop{0%{transform:scale(.82) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.lc-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.lc-dot{position:absolute;width:10px;height:10px;border-radius:50%;animation:lcDotFall 2.2s ease-in forwards;opacity:0}.lc-dot-1{background:#3b82f6;left:8%;animation-delay:.05s}.lc-dot-2{background:#f59e0b;left:18%;animation-delay:.18s}.lc-dot-3{background:#22c55e;left:32%;animation-delay:.08s}.lc-dot-4{background:#a855f7;left:50%;animation-delay:.25s}.lc-dot-5{background:#ef4444;left:66%;animation-delay:.12s}.lc-dot-6{background:#f97316;left:80%;animation-delay:.3s}.lc-dot-7{background:#06b6d4;left:90%;animation-delay:.2s}.lc-dot-8{background:#3b82f6;left:12%;animation-delay:.4s;width:7px;height:7px}.lc-dot-9{background:#f59e0b;left:26%;animation-delay:.35s;width:8px;height:8px;border-radius:2px}.lc-dot-10{background:#22c55e;left:44%;animation-delay:.5s;width:6px;height:6px}.lc-dot-11{background:#a855f7;left:58%;animation-delay:.15s;width:9px;height:9px;border-radius:2px}.lc-dot-12{background:#ef4444;left:72%;animation-delay:.45s;width:7px;height:7px}.lc-dot-13{background:#f97316;left:85%;animation-delay:.28s;width:8px;height:8px}.lc-dot-14{background:#06b6d4;left:5%;animation-delay:.55s;width:6px;height:6px}.lc-dot-15{background:#3b82f6;left:38%;animation-delay:.6s;width:10px;height:10px}.lc-dot-16{background:#f59e0b;left:54%;animation-delay:.22s;width:8px;height:8px;border-radius:2px}.lc-dot-17{background:#22c55e;left:76%;animation-delay:.48s;width:7px;height:7px}.lc-dot-18{background:#a855f7;left:94%;animation-delay:.38s;width:9px;height:9px}@keyframes lcDotFall{0%{transform:translateY(-20px) rotate(0);opacity:1}80%{opacity:1}to{transform:translateY(420px) rotate(540deg);opacity:0}}.lc-trophy{font-size:64px;line-height:1;margin-bottom:12px;animation:lcTrophyBounce .7s cubic-bezier(.34,1.56,.64,1) .2s both}@keyframes lcTrophyBounce{0%{transform:scale(0) rotate(-15deg)}to{transform:scale(1) rotate(0)}}.lc-title{font-size:22px;font-weight:800;color:#1e293b;margin:0 0 8px;line-height:1.25}.lc-subtitle{font-size:14px;color:#475569;margin:0 0 24px;line-height:1.55}.lc-stats{display:flex;align-items:center;justify-content:center;gap:0;background:#fff9;border:1px solid rgba(255,255,255,.4);border-radius:14px;padding:16px 0;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.lc-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.lc-stat-divider{width:1px;height:40px;background:#71809633}.lc-stat-value{font-size:22px;font-weight:800;color:#4299e1;line-height:1}.lc-stat-label{font-size:11px;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.lc-progress-wrap{margin-bottom:20px;text-align:left}.lc-progress-bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:6px}.lc-progress-fill{height:100%;border-radius:999px;background:#4299e1;transition:width .8s cubic-bezier(.22,1,.36,1)}.lc-progress-label{font-size:12px;color:#64748b;font-weight:500}.lc-projection{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1.5px solid #fde68a;border-radius:12px;padding:14px 16px;margin-bottom:16px;text-align:left}.lc-projection-icon{font-size:20px;flex-shrink:0;line-height:1.4}.lc-projection p{font-size:13.5px;color:#78350f;margin:0;line-height:1.55}.lc-projection strong{color:#92400e}.lc-week-preview{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:14px;padding:16px 18px;margin-bottom:16px;text-align:left}.lc-week-preview-header{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#1e3a5f;font-weight:600;margin-bottom:12px}.lc-week-cal-icon{font-size:18px;flex-shrink:0}.lc-week-preview-header strong{color:#16a34a}.lc-week-projects{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.lc-week-project-item{display:flex;align-items:flex-start;gap:10px;background:#ffffffb3;border-radius:10px;padding:10px 12px;border:1px solid rgba(187,247,208,.6)}.lc-week-proj-icon{font-size:20px;flex-shrink:0;line-height:1.3}.lc-week-proj-text{display:flex;flex-direction:column;gap:2px}.lc-week-proj-title{font-size:13px;font-weight:700;color:#1e293b;line-height:1.3}.lc-week-proj-desc{font-size:12px;color:#475569;line-height:1.45}.lc-encourage{font-size:13px;color:#64748b;margin:0 0 28px;line-height:1.5}.lc-actions{display:flex;flex-direction:column;gap:10px}.lc-actions-top-row{display:flex;gap:10px}.lc-btn-secondary{flex:1;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.5);background:#fff9;color:#718096;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,color .18s,border-color .18s}.lc-btn-secondary:hover{background:#ffffffe6;border-color:#4299e14d;color:#4299e1}.lc-btn-primary{flex:1;padding:12px 14px;border-radius:10px;border:none;background:#4299e1;color:#fff;font-size:13.5px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:none;transition:transform .18s,box-shadow .18s}.lc-btn-primary:hover{transform:translateY(-2px);box-shadow:none}.lc-btn-next{width:100%;padding:13px 16px;border-radius:10px;border:none;background:#38a169;color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 4px 12px #38a1694d;transition:transform .18s,box-shadow .18s}.lc-btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 16px #38a16966}@media (max-width: 520px){.lesson-complete-modal{padding:28px 18px 22px;border-radius:20px;max-height:92vh}.lc-trophy{font-size:52px}.lc-title{font-size:19px}.lc-actions-top-row{flex-direction:column}.lc-stat-value{font-size:18px}}.skill-overview-page{width:100%}.overview-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.overview-bg__img{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;width:calc(100% + 80px);height:calc(100% + 80px);object-fit:cover;filter:blur(60px);transition:opacity .6s ease}.overview-bg__overlay{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .5s ease}.bg-theme--dark .overview-bg__overlay{background:linear-gradient(160deg,#00000085,#0000005c)}.bg-theme--light .overview-bg__overlay{background:#ffffff47}.overview-page-content{position:relative;z-index:1}.bg-theme--dark .back-btn{color:#ffffffe0;text-shadow:0 1px 8px rgba(0,0,0,.5)}.bg-theme--dark .back-btn:hover{color:#fff}.bg-theme--light .back-btn{color:#2d3748;text-shadow:none}.bg-theme--dark .overview-hero{background:#fffc;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 40px #00000047,inset 0 1px #ffffffe6}.bg-theme--dark .overview-section{background:#ffffffc7;backdrop-filter:blur(28px) saturate(190%);-webkit-backdrop-filter:blur(28px) saturate(190%);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000038,inset 0 1px #ffffffd9}.bg-theme--light .overview-hero,.bg-theme--light .overview-section{background:#ffffffe0;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.65);box-shadow:0 4px 24px #00000014,inset 0 1px #fffffff2}.bg-theme--dark .enrolled-note{color:#ffffffb8}.back-btn{display:inline-flex;align-items:center;gap:8px;color:#4299e1;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;margin-top:20px;margin-bottom:24px;transition:all .3s ease;font-family:inherit;padding:0}.back-btn:hover{gap:12px}.overview-hero{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000000a;margin-bottom:32px}.overview-hero-image{width:100%;height:240px;position:relative;overflow:hidden}.overview-hero-image img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;bottom:16px;left:16px;display:flex;gap:10px}.hero-category,.hero-difficulty{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-category{background:#4299e1d9;color:#fff}.hero-difficulty{background:#ffffffd9;color:#2d3748}.overview-hero-content{padding:28px 32px}.overview-title{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:16px;letter-spacing:-.5px}.overview-quick-info{display:flex;gap:24px;flex-wrap:wrap}.quick-info-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#718096;font-weight:500}.quick-info-item svg{color:#4299e1}.overview-section{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:28px 32px;margin-bottom:24px;box-shadow:0 4px 16px #0000000a}.overview-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.overview-section-header svg{color:#4299e1}.overview-section-header h2{font-size:20px;font-weight:600;color:#2d3748}.overview-description{font-size:15px;color:#4a5568;line-height:1.8}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.project-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.45);background:#ffffff8c;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.project-card--image .project-card__img-wrap{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.project-card__img{width:100%;height:100%;object-fit:cover;display:block}.project-card__img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.55) 100%);pointer-events:none}.project-card--text .project-card__text-header{padding:20px 20px 14px;background:linear-gradient(135deg,#4299e12e,#63b3ed1f);border-bottom:1px solid rgba(66,153,225,.12)}.project-card__rank{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4299e1;background:#4299e11f;padding:4px 10px;border-radius:20px}.project-card--image .project-card__rank{position:absolute;bottom:12px;left:14px;color:#fff;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.project-card__body{padding:16px 18px 20px;flex:1;display:flex;flex-direction:column;gap:8px}.project-card__title{font-size:14px;font-weight:700;color:#2d3748;margin:0;line-height:1.4}.project-card__desc{font-size:13px;color:#4a5568;line-height:1.65;margin:0}.project-card--skeleton{pointer-events:none}.project-card__img-skeleton{width:100%;aspect-ratio:16 / 10;background:linear-gradient(90deg,#e2e8f0b3 25%,#edf2f7e6,#e2e8f0b3 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}.skeleton-line{height:13px;border-radius:6px;background:linear-gradient(90deg,#e2e8f0b3 25%,#edf2f7e6,#e2e8f0b3 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite}.skeleton-line--title{height:16px;width:75%}.skeleton-line--short{width:50%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.projects-generating-note{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:13px;color:#718096;margin:4px 0 0}.projects-generating-spinner{animation:spin 1s linear infinite;flex-shrink:0}.projects-empty-note{font-size:14px;color:#718096;text-align:center;padding:24px 0}@media (max-width: 900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.projects-grid{grid-template-columns:1fr}}.benefits-list{display:flex;flex-direction:column;gap:16px}.benefit-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#4299e10f;border:1px solid rgba(66,153,225,.12);border-radius:12px;transition:all .3s ease}.benefit-item:hover{border-color:#4299e140;transform:translate(4px)}.benefit-item svg{color:#4299e1;flex-shrink:0;margin-top:2px}.benefit-item span{font-size:14px;color:#4a5568;line-height:1.6}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:20px}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:14px;height:14px;border-radius:50%;background:#4299e1;box-shadow:0 0 0 4px #4299e126;flex-shrink:0}.timeline-line{width:2px;flex:1;background:#4299e133;min-height:40px}.timeline-content{padding-bottom:28px;padding-top:0}.timeline-item:last-child .timeline-content{padding-bottom:0}.timeline-week{display:inline-block;font-size:13px;font-weight:600;color:#4299e1;background:#4299e11a;padding:4px 12px;border-radius:6px;margin-bottom:8px}.timeline-topic{font-size:14px;color:#4a5568;line-height:1.6}.overview-cta{display:flex;justify-content:center;padding:16px 0 32px}.start-learning-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 48px;background:#4299e1;color:#fff;border:none;border-radius:14px;font-family:inherit;font-size:17px;font-weight:600;cursor:pointer;box-shadow:none;transition:all .3s ease}.start-learning-btn:hover{transform:translateY(-3px);box-shadow:none}.not-found{text-align:center;padding:60px 20px}.not-found h2{font-size:24px;font-weight:600;color:#2d3748;margin-bottom:8px}.not-found p{font-size:15px;color:#718096}.loading-state p{font-size:15px;color:#718096}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;min-height:400px}.error-state svg{color:#ef4444}.error-state h3{font-size:20px;font-weight:600;color:#2d3748;margin:0}.error-state p{font-size:15px;color:#718096;margin:0}.retry-btn{margin-top:8px;padding:10px 24px;background:#4299e1;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-btn:hover{transform:translateY(-2px);box-shadow:none}.hero-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:96px;font-weight:700;color:#4299e133;background:linear-gradient(135deg,#e0e7ff,#f3f4f6)}.enrollment-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;color:#10b981;font-size:13px;font-weight:500;margin-top:16px}.hero-start-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;margin-top:18px;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #4299e147;transition:all .3s ease}.hero-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4299e161}.hero-start-btn.enrolled{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98147}.hero-start-btn.enrolled:hover{box-shadow:0 6px 24px #10b98161}.hero-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.hero-start-btn:disabled:hover{transform:none;box-shadow:0 4px 16px #4299e147}.prerequisites-list{display:flex;flex-direction:column;gap:12px}.prerequisite-item{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#4a5568;line-height:1.6}.prerequisite-bullet{color:#4299e1;font-weight:700;font-size:18px;flex-shrink:0}.tools-list{display:flex;flex-wrap:wrap;gap:12px}.tool-item{padding:10px 16px;background:#4299e11a;border:1px solid rgba(66,153,225,.2);border-radius:8px;font-size:14px;color:#2d3748;font-weight:500}.start-learning-btn.enrolled{background:linear-gradient(135deg,#10b981,#059669)}.start-learning-btn.enrolled:hover{box-shadow:0 8px 24px #10b9814d}.start-learning-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.start-learning-btn:disabled:hover{transform:none;box-shadow:none}.overview-cta{display:flex;flex-direction:column;align-items:center;padding:16px 0 32px}.enrolled-note{font-size:14px;color:#718096;text-align:center;margin-top:12px}@media (max-width: 768px){.overview-hero-image{height:180px}.overview-hero-content{padding:20px 24px}.overview-title{font-size:26px}.overview-quick-info{gap:16px}.overview-section{padding:20px 24px}.start-learning-btn{width:100%;justify-content:center;padding:16px 32px}.questionnaire-modal{max-width:95%;max-height:90vh;overflow-y:auto}.option-group{flex-direction:column}.option-btn{width:100%}.questionnaire-actions{flex-direction:column;gap:12px}.questionnaire-btn{width:100%;justify-content:center}.plan-preview-stats{flex-direction:column;gap:12px}.plan-stat{width:100%}}.questionnaire-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.questionnaire-modal{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.questionnaire-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 24px;border-bottom:1px solid rgba(66,153,225,.1)}.questionnaire-title{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 4px;letter-spacing:-.5px}.questionnaire-subtitle{font-size:14px;color:#718096;margin:0}.questionnaire-close{background:#4299e11a;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4299e1;transition:all .3s ease;flex-shrink:0}.questionnaire-close:hover{background:#4299e133;transform:rotate(90deg)}.questionnaire-progress-container{padding:20px 32px;display:flex;align-items:center;gap:16px}.questionnaire-progress-bar{flex:1;height:8px;background:#4299e11a;border-radius:10px;overflow:hidden}.questionnaire-progress-fill{height:100%;background:#4299e1;border-radius:10px;transition:width .4s ease}.questionnaire-progress-text{font-size:13px;font-weight:600;color:#4299e1;white-space:nowrap}.questionnaire-step{padding:24px 32px 32px;min-height:300px}.step-title{font-size:20px;font-weight:600;color:#2d3748;margin:0 0 28px;text-align:center}.question-group{margin-bottom:28px}.question-label{display:block;font-size:15px;font-weight:600;color:#2d3748;margin-bottom:12px}.option-group{display:flex;gap:12px;flex-wrap:wrap}.option-btn{flex:1;min-width:120px;padding:14px 20px;background:#4299e10d;border:2px solid rgba(66,153,225,.2);border-radius:12px;font-size:14px;font-weight:500;color:#4a5568;cursor:pointer;transition:all .3s ease;font-family:inherit}.option-btn:hover{background:#4299e11a;border-color:#4299e166;transform:translateY(-2px)}.option-btn.selected{background:#4299e1;border-color:#4299e1;color:#fff;box-shadow:none}.text-input{width:100%;padding:14px 16px;background:#4299e10d;border:2px solid rgba(66,153,225,.2);border-radius:12px;font-size:14px;color:#2d3748;font-family:inherit;transition:all .3s ease}.text-input:focus{outline:none;border-color:#4299e1;background:#4299e114}.text-input::placeholder{color:#a0aec0}.review-section{background:#4299e10d;border:1px solid rgba(66,153,225,.15);border-radius:16px;padding:20px;margin-bottom:20px}.review-subtitle{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 16px}.review-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(66,153,225,.1)}.review-item:last-child{border-bottom:none;padding-bottom:0}.review-label{font-size:14px;color:#718096;font-weight:500}.review-value{font-size:14px;color:#2d3748;font-weight:600;text-transform:capitalize}.plan-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.plan-loading-content{text-align:center;max-width:400px}.plan-loading-spinner{color:#4299e1;animation:spin 1s linear infinite;margin:0 auto 24px}.plan-loading-title{font-size:22px;font-weight:600;color:#2d3748;margin:0 0 12px}.plan-loading-text{font-size:15px;color:#718096;line-height:1.6;margin:0}.plan-preview{display:flex;align-items:center;justify-content:center;min-height:400px}.plan-preview-content{text-align:center;max-width:450px}.plan-preview-icon{color:#10b981;margin:0 auto 24px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.plan-preview-title{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 12px}.plan-preview-text{font-size:15px;color:#718096;line-height:1.6;margin:0 0 32px}.plan-preview-stats{display:flex;gap:16px;margin-bottom:32px}.plan-stat{flex:1;background:#4299e11a;border:1px solid rgba(66,153,225,.2);border-radius:12px;padding:16px}.plan-stat-label{display:block;font-size:12px;color:#718096;font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.plan-stat-value{display:block;font-size:24px;font-weight:700;color:#2d3748;text-transform:capitalize}.plan-start-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 40px;background:#4299e1;color:#fff;border:none;border-radius:14px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;box-shadow:none;transition:all .3s ease}.plan-start-btn:hover{transform:translateY(-2px);box-shadow:none}.validation-error{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#dc2626;font-size:14px;margin:0 32px 20px;animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.overview-career-subtitle{font-size:14px;color:#718096;margin:-12px 0 20px;line-height:1.6}.career-paths-list{display:flex;flex-direction:column;gap:12px}.career-path-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:#667eea0d;border:1px solid rgba(102,126,234,.14);border-radius:14px;transition:transform .2s ease,background .2s ease,border-color .2s ease}.career-path-card:hover{background:#667eea1a;border-color:#667eea42;transform:translate(4px)}.career-path-card--skeleton{animation:pulse 1.4s ease-in-out infinite}.career-path-icon-wrap{width:48px;height:48px;flex-shrink:0;background:#ffffffe6;border-radius:12px;box-shadow:0 2px 8px #00000012;display:flex;align-items:center;justify-content:center}.career-path-icon-wrap svg{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12))}.career-path-icon-wrap img{display:block;transition:transform .2s ease,filter .2s ease}.career-path-card:hover .career-path-icon-wrap img{transform:scale(1.15) translateY(-1px);filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))!important}.career-skeleton-icon{width:48px;height:48px;flex-shrink:0;background:#00000012;border-radius:12px}.career-path-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.career-path-title{font-size:16px;font-weight:700;color:#2d3748;margin:0}.career-path-badge{font-size:11px;font-weight:600;color:#38a169;background:#48bb781a;border:1px solid rgba(72,187,120,.26);border-radius:20px;padding:2px 10px;white-space:nowrap}.career-path-salary{font-size:11px;font-weight:700;color:#553c9a;background:#805ad51a;border:1px solid rgba(128,90,213,.3);border-radius:20px;padding:2px 10px;white-space:nowrap}.career-path-promise{font-size:13px;font-weight:600;color:#4299e1;margin:0 0 5px;line-height:1.5}.career-path-desc{font-size:13px;color:#718096;margin:0;line-height:1.6}.career-skeleton-body{flex:1;display:flex;flex-direction:column;gap:8px}.career-skeleton-line{height:14px;background:#00000012;border-radius:6px}.career-skeleton-line--title{width:55%;height:16px}.career-skeleton-line--short{width:40%}.career-empty-note{font-size:14px;color:#a0aec0;text-align:center;padding:24px 0}.certificate-preview-wrap{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.cert-mockup{background:linear-gradient(135deg,#fffbf0,#fff8e1);border:2px solid #f6ad55;border-radius:16px;padding:24px 22px 18px;text-align:center;position:relative;overflow:hidden;box-shadow:0 6px 24px #f6ad5524}.cert-mockup__stripe{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#f6ad55,#e53e3e,#f6ad55)}.cert-mockup__icon-row{display:flex;justify-content:center;margin-bottom:10px}.cert-mockup__scroll-emoji{font-size:40px;line-height:1;display:block}.cert-mockup__top{margin-bottom:16px}.cert-mockup__brand{display:block;font-size:21px;font-weight:800;color:#2d3748;letter-spacing:-.5px;margin-bottom:4px}.cert-mockup__type{font-size:10px;font-weight:700;color:#e53e3e;text-transform:uppercase;letter-spacing:1.8px}.cert-mockup__body{padding:16px 0;border-top:1px dashed rgba(246,173,85,.5);border-bottom:1px dashed rgba(246,173,85,.5);margin:0 0 12px}.cert-mockup__award-text{font-size:11px;color:#718096;margin:0 0 6px;line-height:1.5}.cert-mockup__skill{font-size:18px;font-weight:800;color:#2d3748;margin:8px 0 10px;line-height:1.3}.cert-mockup__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.cert-mockup__seal{font-size:30px;line-height:1}.cert-mockup__issuer{font-size:11px;color:#a0aec0;font-weight:500}.cert-benefits-wrap{padding:4px 0}.cert-medal-emoji{font-size:26px;line-height:1;flex-shrink:0}.cert-benefits-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cert-benefits-title{font-size:16px;font-weight:700;color:#2d3748;margin:0}.cert-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.cert-benefit-item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#4a5568;line-height:1.5}.cert-benefit-item--skeleton{animation:pulse 1.4s ease-in-out infinite}.cert-benefit-icon{color:#38a169;flex-shrink:0;margin-top:2px}.cert-skeleton-line{height:14px;background:#00000012;border-radius:6px;width:100%}@media (max-width: 640px){.certificate-preview-wrap{grid-template-columns:1fr}.career-path-card{flex-wrap:wrap}}.validation-error svg{flex-shrink:0}.questionnaire-actions{display:flex;gap:16px;padding:20px 32px 32px;border-top:1px solid rgba(66,153,225,.1)}.questionnaire-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border:none;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.questionnaire-btn.primary{background:#4299e1;color:#fff;box-shadow:none}.questionnaire-btn.primary:hover{transform:translateY(-2px);box-shadow:none}.questionnaire-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.questionnaire-btn.secondary{background:#4299e11a;color:#4299e1;border:1px solid rgba(66,153,225,.2)}.questionnaire-btn.secondary:hover{background:#4299e126;transform:translateY(-2px)}.plan-roadmap{display:flex;align-items:flex-start;justify-content:center;padding:24px 0;overflow-x:auto;scrollbar-width:none;width:100%;margin:16px 0}.plan-roadmap::-webkit-scrollbar{display:none}.plan-roadmap-item{display:contents}.plan-roadmap-node{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;padding:0 12px}.plan-roadmap-circle{width:44px;height:44px;border-radius:50%;background:#e2e8f0cc;border:2px solid rgba(203,213,225,.7);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#94a3b8;transition:all .3s ease}.plan-roadmap-node.milestone .plan-roadmap-circle{background:#4299e1;border-color:transparent;color:#fff;box-shadow:none;transform:scale(1.1)}.plan-roadmap-label{font-size:12px;font-weight:500;color:#64748b;text-align:center;max-width:140px;line-height:1.4;word-wrap:break-word;white-space:normal}.plan-roadmap-node.milestone .plan-roadmap-label{color:#4299e1;font-weight:600}.plan-roadmap-connector{flex:1;height:2px;background:#cbd5e1b3;margin-top:22px;align-self:flex-start;min-width:40px}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transition-delay:var(--anim-delay, 0s)}.animate-on-scroll.is-visible{opacity:1;transform:none}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.overview-section.is-visible .benefit-item:nth-child(1){animation:slideInLeft .4s ease .06s both}.overview-section.is-visible .benefit-item:nth-child(2){animation:slideInLeft .4s ease .14s both}.overview-section.is-visible .benefit-item:nth-child(3){animation:slideInLeft .4s ease .22s both}.overview-section.is-visible .benefit-item:nth-child(4){animation:slideInLeft .4s ease .3s both}.overview-section.is-visible .benefit-item:nth-child(5){animation:slideInLeft .4s ease .38s both}.overview-section.is-visible .benefit-item:nth-child(n+6){animation:slideInLeft .4s ease .46s both}.overview-section.is-visible .prerequisite-item:nth-child(1){animation:slideInLeft .38s ease .05s both}.overview-section.is-visible .prerequisite-item:nth-child(2){animation:slideInLeft .38s ease .12s both}.overview-section.is-visible .prerequisite-item:nth-child(3){animation:slideInLeft .38s ease .19s both}.overview-section.is-visible .prerequisite-item:nth-child(n+4){animation:slideInLeft .38s ease .26s both}.overview-section.is-visible .tool-item:nth-child(1){animation:slideInLeft .35s ease .05s both}.overview-section.is-visible .tool-item:nth-child(2){animation:slideInLeft .35s ease .11s both}.overview-section.is-visible .tool-item:nth-child(3){animation:slideInLeft .35s ease .17s both}.overview-section.is-visible .tool-item:nth-child(n+4){animation:slideInLeft .35s ease .23s both}@media (prefers-reduced-motion: reduce){.animate-on-scroll{opacity:1;transform:none;transition:none}.overview-section.is-visible .benefit-item,.overview-section.is-visible .prerequisite-item,.overview-section.is-visible .tool-item{animation:none}}.discovery-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:linear-gradient(135deg,#f0f4ff,#e8f0fe,#f5f0ff);display:flex;flex-direction:column}.discovery-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;flex-shrink:0;background:#ffffff80;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.5)}.discovery-back-btn,.discovery-restart-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:#fff9;border:1px solid rgba(255,255,255,.5);color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.discovery-restart-btn{padding:8px 10px}.discovery-back-btn:hover,.discovery-restart-btn:hover{background:#ffffffe6;color:#4299e1}.discovery-restart-btn:disabled{opacity:.4;cursor:not-allowed}.discovery-topbar__brand{display:flex;align-items:center;gap:8px}.discovery-topbar__icon{color:#4299e1}.discovery-topbar__name{font-weight:700;font-size:15px;color:#2d3748}.discovery-topbar__badge{font-size:11px;font-weight:600;color:#4299e1;background:#4299e11f;border-radius:6px;padding:2px 7px}.discovery-topbar__actions{display:flex;align-items:center;gap:8px}.discovery-history-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;background:#fff9;border:1px solid rgba(255,255,255,.5);color:#4a5568;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.discovery-history-btn:hover,.discovery-history-btn.is-open{background:#fffffff2;color:#2b6cb0;border-color:#4299e159}.discovery-history-panel{position:fixed;top:64px;right:16px;width:min(420px,calc(100vw - 24px));max-height:min(65vh,520px);z-index:950;background:#fffffff2;border:1px solid rgba(255,255,255,.6);border-radius:14px;box-shadow:0 18px 48px #1e293b29;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}.discovery-history-panel__header{padding:12px 14px;font-size:13px;font-weight:700;color:#2d3748;border-bottom:1px solid rgba(226,232,240,.8)}.discovery-history-list{max-height:calc(min(65vh,520px) - 48px);overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.discovery-history-item{width:100%;border:1px solid rgba(226,232,240,.9);border-radius:10px;background:#fff;text-align:left;padding:10px;cursor:pointer}.discovery-history-item:hover{border-color:#4299e166;background:#f8fbff}.discovery-history-item.active{border-color:#4299e199;background:#eef6ff}.discovery-history-item__title{font-size:13px;color:#2d3748;font-weight:600;line-height:1.35;margin-bottom:4px}.discovery-history-item__meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;text-transform:capitalize;color:#718096}.discovery-history-empty{padding:16px 10px;font-size:13px;color:#718096}.discovery-messages{flex:1;overflow-y:auto;padding:24px 20px;display:flex;flex-direction:column;gap:20px;scroll-behavior:smooth}.discovery-messages::-webkit-scrollbar{width:4px}.discovery-messages::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.discovery-messages::-webkit-scrollbar-track{background:transparent}.discovery-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.discovery-empty__icon{width:72px;height:72px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4299e1;box-shadow:0 4px 20px #4299e126}.discovery-empty h2{font-size:24px;font-weight:700;color:#2d3748;margin:0}.discovery-empty p{font-size:15px;color:#718096;max-width:320px;line-height:1.5;margin:0}.discovery-msg{display:flex;max-width:680px;width:100%;margin:0 auto}.discovery-msg--user{justify-content:flex-end}.discovery-msg--assistant{justify-content:flex-start}.discovery-msg__body{display:flex;flex-direction:column;gap:4px;max-width:78%}.discovery-msg__body--user{margin-left:auto;align-items:flex-end}.discovery-msg__body--assistant{margin-right:auto;align-items:flex-start}.discovery-msg__bubble{padding:14px 20px;border-radius:20px;font-size:16px;line-height:1.65;color:#2d3748;background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #00000008;font-weight:400;letter-spacing:.01em;word-break:break-word}.discovery-msg__bubble--assistant{border-color:#4299e133}.discovery-msg__bubble--user{background:#2563eb;color:#fff;border:none;box-shadow:0 4px 14px #2563eb40}.discovery-msg__bubble--typing{border-top-left-radius:4px}.discovery-msg__time{font-size:11px;color:#a0aec0;padding:0 4px}.typing-dots{display:flex;gap:4px;padding:2px 0}.typing-dots span{width:6px;height:6px;background:#cbd5e0;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.4);opacity:.5}40%{transform:scale(1);opacity:1}}.discovery-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fed7d799;border:1px solid rgba(252,129,129,.4);border-radius:10px;color:#c53030;font-size:14px;max-width:720px;width:100%;margin:0 auto}.discovery-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#718096;font-size:14px}.loading-spinner{width:32px;height:32px;border:3px solid rgba(66,153,225,.2);border-top-color:#4299e1;border-radius:50%;animation:spin .8s linear infinite}.discovery-recommendations{max-width:720px;width:100%;margin:0 auto;padding:16px 0}.discovery-recommendations__label{font-size:13px;font-weight:600;color:#718096;margin-bottom:10px}.discovery-recommendations__list{display:flex;flex-wrap:wrap;gap:8px}.discovery-rec-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid rgba(66,153,225,.3);border-radius:20px;color:#3182ce;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.discovery-rec-chip:hover{background:#ebf8ff;border-color:#4299e1;transform:translateY(-1px)}.discovery-ready-card{margin-top:14px;padding:14px;border-radius:12px;background:#ffffffbf;border:1px solid rgba(66,153,225,.25);display:flex;align-items:center;justify-content:space-between;gap:10px}.discovery-ready-card__text{margin:0;font-size:14px;font-weight:600;color:#2d3748}.discovery-ready-card__btn{border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:13px;font-weight:700;padding:10px 14px;cursor:pointer;transition:transform .15s ease,background .2s ease}.discovery-ready-card__btn:hover{background:#1d4ed8;transform:translateY(-1px)}.discovery-input-bar{flex-shrink:0;padding:16px 20px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.5)}.discovery-input-form{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:14px;padding:6px 6px 6px 16px;box-shadow:0 2px 12px #0000000a;transition:border-color .2s,box-shadow .2s;max-width:720px;margin:0 auto}.discovery-input-form:focus-within{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.discovery-input{flex:1;border:none;background:transparent;font-size:15px;color:#2d3748;font-family:inherit;padding:10px 0;min-height:44px}.discovery-input:focus{outline:none}.discovery-input::placeholder{color:#a0aec0}.discovery-send-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#4299e1;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .2s,transform .15s;flex-shrink:0}.discovery-send-btn:not(:disabled):hover{background:#3182ce;transform:scale(1.05)}.discovery-send-btn:disabled{background:#cbd5e0;cursor:not-allowed;transform:none}@media (max-width: 768px){.discovery-topbar{padding:0 12px}.discovery-back-btn span{display:none}.discovery-back-btn{padding:8px 10px}.discovery-history-btn span{display:none}.discovery-history-btn{padding:8px 10px}.discovery-history-panel{top:60px;right:10px;left:10px;width:auto;max-height:60vh}.discovery-messages{padding:16px 12px}.discovery-msg{max-width:100%}.discovery-msg__body{max-width:88%}.discovery-empty h2{font-size:20px}.discovery-input-bar{padding:12px}.discovery-ready-card{flex-direction:column;align-items:stretch}}@keyframes discOwlHover{0%{transform:translateY(0) rotate(0)}20%{transform:translateY(-12px) rotate(1.1deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-8px) rotate(-1.1deg)}to{transform:translateY(0) rotate(0)}}@keyframes discOwlWingL{0%,to{transform:rotate(-10deg)}50%{transform:rotate(8deg)}}@keyframes discOwlWingR{0%,to{transform:rotate(10deg)}50%{transform:rotate(-8deg)}}.disc-owl-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px 16px;width:100%}.disc-owl-float{animation:discOwlHover 5s ease-in-out infinite}.disc-owl-stage{position:relative;width:130px;height:162px}.disc-owl-aura{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background-image:radial-gradient(circle at 50% 20%,rgba(255,255,255,.96),rgba(255,255,255,.12) 38%,transparent 60%),linear-gradient(160deg,#f8d8a9,#d59d74 56%,#5764df)}.disc-owl-ears{position:absolute;left:50%;transform:translate(-50%);top:10px;width:85px;height:27px}.disc-owl-ear{position:absolute;top:0;width:23px;height:23px;border-radius:5px 5px 11px 11px;background:linear-gradient(180deg,#d89963,#8a5635)}.disc-owl-ear.left{left:10px;transform:rotate(-34deg)}.disc-owl-ear.right{right:10px;transform:rotate(34deg)}.disc-owl-head{position:absolute;left:50%;transform:translate(-50%);top:21px;width:85px;height:79px;border-radius:44% 44% 48% 48%;background:linear-gradient(180deg,#d89963,#8a5635);box-shadow:inset 0 -6px 11px #4727112e,0 12px 25px #42200524}.disc-owl-face-disc,.disc-owl-eye-ring,.disc-owl-eye,.disc-owl-brow,.disc-owl-beak{position:absolute}.disc-owl-face-disc{top:18px;width:35px;height:44px;border-radius:50%;background:linear-gradient(180deg,#fffbf4fa,#f7e1bfeb)}.disc-owl-face-disc.left{left:9px}.disc-owl-face-disc.right{right:9px}.disc-owl-brow{top:22px;width:18px;height:4px;background:#6b3c20;border-radius:999px;transform:rotate(-2deg)}.disc-owl-brow.left{left:17px}.disc-owl-brow.right{right:17px}.disc-owl-eye-ring{top:27px;width:25px;height:25px;border-radius:50%;background:#fff8e6fa;box-shadow:inset 0 0 0 2.5px #6f43212e}.disc-owl-eye-ring.left{left:9px}.disc-owl-eye-ring.right{right:9px}.disc-owl-eye{top:50%;left:50%;width:9px;height:9px;transform:translate(-50%,-50%);border-radius:50%;background:#20150d}.disc-owl-beak{left:50%;top:46px;width:14px;height:12px;transform:translate(-50%);background:linear-gradient(180deg,#f6c25c,#d78d2d);clip-path:polygon(50% 100%,0 0,100% 0)}.disc-owl-body{position:absolute;left:50%;transform:translate(-50%);bottom:0;width:97px;height:82px;border-radius:44% 44% 28% 28%;background:linear-gradient(180deg,#4f61df,#2c2d8b);box-shadow:0 10px 25px #1b125740}.disc-owl-belly{position:absolute;left:50%;bottom:11px;width:46px;height:44px;transform:translate(-50%);border-radius:50% 50% 42% 42%;background:linear-gradient(180deg,#fff6e5f5,#f7dcb5d1)}.disc-owl-wing{position:absolute;top:16px;width:28px;height:54px;border-radius:999px;transform-origin:top center;background:linear-gradient(180deg,#fff3,#231b6d1a)}.disc-owl-wing.left{left:5px;animation:discOwlWingL 2.8s ease-in-out infinite}.disc-owl-wing.right{right:5px;animation:discOwlWingR 3.1s ease-in-out infinite}.disc-owl-label{font-size:13px;color:#718096;font-weight:500;display:flex;align-items:center;gap:4px;margin:0}.disc-owl-dots{display:inline-flex;gap:3px;margin-left:2px;align-items:center}.disc-owl-dots span{width:4px;height:4px;border-radius:50%;background:#a0aec0;animation:typingBounce 1.4s infinite ease-in-out both}.disc-owl-dots span:nth-child(1){animation-delay:0s}.disc-owl-dots span:nth-child(2){animation-delay:.2s}.disc-owl-dots span:nth-child(3){animation-delay:.4s}.roadmap-page{width:100%;max-width:900px;margin:0 auto;padding:0 20px 60px}.back-button{display:inline-flex;align-items:center;gap:8px;color:#4299e1;font-size:14px;font-weight:500;background:none;border:none;cursor:pointer;margin-bottom:32px;transition:all .3s ease;font-family:inherit;padding:0}.back-button:hover{gap:12px}.loading-state,.error-state{text-align:center;padding:60px 20px}.error-state h3{color:#2d3748;margin-bottom:16px}.error-state button{padding:12px 24px;background:#4299e1;color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.error-state button:hover{transform:translateY(-2px);box-shadow:none}.roadmap-header{text-align:center;margin-bottom:48px}.roadmap-title{font-size:32px;font-weight:700;color:#2d3748;margin-bottom:8px}.roadmap-subtitle{font-size:16px;color:#718096}.roadmap-track{position:relative;display:flex;flex-direction:column;gap:0}.roadmap-node-wrapper{display:flex;align-items:flex-start;gap:24px;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.roadmap-node-wrapper.visible{opacity:1;transform:translateY(0)}.roadmap-node-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.roadmap-node-circle{width:50px;height:50px;border-radius:50%;background:#e2e8f0cc;border:3px solid rgba(203,213,225,.7);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#94a3b8;transition:all .3s ease;z-index:2;position:relative}.roadmap-node-circle.milestone{background:#4299e1;border-color:transparent;color:#fff;box-shadow:none;transform:scale(1.1)}.roadmap-node-circle.current{background:linear-gradient(135deg,#f59e0b,#f97316);border-color:transparent;color:#fff;box-shadow:0 6px 20px #f59e0b80;animation:pulse 2s infinite}.roadmap-node-circle.completed{background:#48bb78;border-color:transparent;color:#fff}@keyframes pulse{0%,to{transform:scale(1.1)}50%{transform:scale(1.15)}}.roadmap-node-connector{width:3px;height:80px;background:#cbd5e1b3;transition:background .4s ease;z-index:1}.roadmap-node-connector.filled{background:#4299e1}.roadmap-node-content{flex:1;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:20px 24px;margin-bottom:16px;box-shadow:0 4px 16px #0000000a;transition:all .3s ease}.roadmap-node-wrapper:hover .roadmap-node-content{box-shadow:0 6px 20px #00000014;transform:translate(4px)}.roadmap-node-day-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.roadmap-node-day{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.roadmap-difficulty-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.roadmap-node-milestone-badge{display:inline-block;padding:4px 12px;background:#4299e11a;color:#4299e1;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:8px}.roadmap-node-title{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:12px}.roadmap-node-subtopics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.roadmap-node-subtopics li{font-size:14px;color:#4a5568;padding-left:16px;position:relative}.roadmap-node-subtopics li:before{content:"•";position:absolute;left:0;color:#4299e1;font-weight:700}.roadmap-continue-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#4299e1;color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:none;transition:all .3s ease;margin-top:16px}.roadmap-continue-btn:hover{transform:translateY(-2px);box-shadow:none}@media (max-width: 768px){.roadmap-title{font-size:24px}.roadmap-subtitle{font-size:14px}.roadmap-node-wrapper{gap:16px}.roadmap-node-circle{width:40px;height:40px;font-size:12px}.roadmap-node-connector{height:60px}.roadmap-node-content{padding:16px 18px}.roadmap-node-title{font-size:16px}}.projects-page{width:100%}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.projects-header h1{font-size:26px;font-weight:700;color:#2d3748}.projects-back{border:none;background:#4299e11f;color:#2b6cb0;border-radius:10px;padding:8px 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:600}.projects-points{font-size:13px;font-weight:700;color:#2b6cb0;background:#4299e11f;padding:8px 10px;border-radius:10px}.projects-loading,.projects-empty{padding:26px;text-align:center;color:#718096;background:#ffffffb8;border:1px solid rgba(255,255,255,.55);border-radius:14px}.projects-skill-groups{display:flex;flex-direction:column;gap:16px}.projects-skill-card{background:#fffc;border:1px solid rgba(255,255,255,.55);border-radius:16px;padding:16px}.projects-skill-card h2{font-size:16px;color:#2d3748;margin-bottom:12px}.projects-list{display:flex;flex-direction:column;gap:10px}.project-item{background:#f8fafce0;border:1px solid rgba(0,0,0,.05);border-radius:12px;padding:12px}.project-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.project-item-title-wrap{display:inline-flex;align-items:center;gap:8px}.project-item-icon{width:24px;height:24px;border-radius:7px;background:#4299e126;color:#2b6cb0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-item h3{font-size:14px;font-weight:700;color:#1a202c}.project-item-points{font-size:12px;font-weight:700;color:#2b6cb0}.project-item-desc{font-size:12px;line-height:1.45;color:#4a5568;margin-bottom:8px}.project-item-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:11px;color:#718096}.project-item-meta span{display:inline-flex;align-items:center;gap:5px}.project-attempt-btn{border:none;background:#4299e1;color:#fff;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.project-attempt-btn:disabled{opacity:.62;cursor:not-allowed}.project-attempt-btn.attempted{background:#10b981}@media (max-width: 768px){.projects-header,.project-item-meta{flex-direction:column;align-items:flex-start}}.settings-page{padding:32px;min-height:100vh;background:#f5f7fa}.settings-container{max-width:1040px;margin:0 auto}.settings-page-header{display:flex;align-items:center;gap:14px;margin-bottom:28px;color:#4299e1}.settings-page-title{font-size:1.6rem;font-weight:700;color:#1a202c;margin:0}.settings-page-subtitle{font-size:.875rem;color:#718096;margin:0}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}@media (max-width: 768px){.settings-page{padding:16px}.settings-layout{grid-template-columns:1fr}}.settings-nav{background:#fff;border-radius:16px;padding:8px;box-shadow:0 2px 8px #0000000d;position:sticky;top:24px}.settings-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;background:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:500;color:#4a5568;text-align:left;transition:all .15s ease}.settings-nav-item:hover{background:#f7fafc;color:#2d3748}.settings-nav-item.active{background:#ebf8ff;color:#4299e1;font-weight:600}.settings-nav-arrow{margin-left:auto;opacity:0;transition:opacity .15s}.settings-notif-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.settings-nav-item:hover .settings-nav-arrow,.settings-nav-item.active .settings-nav-arrow{opacity:1}.settings-section{display:flex;flex-direction:column;gap:20px}.settings-section-title{font-size:1.25rem;font-weight:700;color:#1a202c;margin:0}.settings-section-sub{font-size:.875rem;color:#718096;margin:-12px 0 0}.settings-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000d}.settings-card-title{font-size:.8125rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 640px){.settings-form-grid{grid-template-columns:1fr}}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field.full-width{grid-column:1 / -1}.settings-field label{font-size:.8125rem;font-weight:600;color:#4a5568}.settings-field input,.settings-field textarea,.settings-field select{padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9rem;color:#2d3748;font-family:inherit;background:#fff;transition:border-color .15s;resize:vertical}.settings-field input:focus,.settings-field textarea:focus,.settings-field select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.settings-field input.readonly{background:#f7fafc;color:#a0aec0;cursor:default}.settings-field-hint{font-size:.78rem;color:#a0aec0}.settings-pw-field{position:relative}.settings-pw-field input{width:100%;padding-right:40px}.settings-pw-eye{position:absolute;top:50%;right:10px;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#a0aec0;padding:2px}.settings-pw-eye:hover{color:#4a5568}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-row-label{font-size:.9rem;font-weight:500;color:#2d3748;margin:0 0 2px}.settings-row-sub{font-size:.8125rem;color:#718096;margin:0}.settings-toggle{position:relative;width:44px;height:24px;border-radius:999px;border:none;background:#e2e8f0;cursor:pointer;transition:background .2s;flex-shrink:0}.settings-toggle.on{background:#4299e1}.settings-toggle.disabled{opacity:.5;cursor:not-allowed}.settings-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.settings-toggle.on .settings-toggle-thumb{transform:translate(20px)}.settings-radio-group{display:flex;flex-wrap:wrap;gap:10px}.settings-radio-opt{display:flex;flex-direction:column;align-items:flex-start;padding:10px 16px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;font-size:.875rem;font-weight:500;color:#4a5568;transition:all .15s;text-align:left;min-width:120px}.settings-radio-opt:hover{border-color:#bee3f8;background:#f0f8ff}.settings-radio-opt.selected{border-color:#4299e1;background:#ebf8ff;color:#2b6cb0;font-weight:600}.settings-radio-desc{font-size:.75rem;font-weight:400;color:#a0aec0;margin-top:2px}.settings-radio-opt.selected .settings-radio-desc{color:#63b3ed}.settings-save-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;background:#4299e1;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:4px}.settings-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.settings-save-btn:disabled{opacity:.7;cursor:not-allowed}.settings-save-btn.saved{background:linear-gradient(135deg,#48bb78,#38a169)}.settings-error{font-size:.8125rem;color:#e53e3e;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:8px 12px;margin:0}.settings-avatar-row{display:flex;align-items:center;gap:20px}.settings-avatar{position:relative;width:80px;height:80px;border-radius:50%;background:#4299e1;display:flex;align-items:center;justify-content:center;color:#fff;overflow:hidden;flex-shrink:0}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .2s;border-radius:50%}.settings-avatar:hover .settings-avatar-overlay{opacity:1}.settings-avatar-info p{font-size:.8125rem;color:#718096;margin:0;line-height:1.5}.settings-skills-loading{display:flex;align-items:center;gap:12px;color:#718096;padding:40px;justify-content:center}.settings-empty{background:#fff;border-radius:16px;padding:48px 24px;text-align:center;box-shadow:0 2px 8px #0000000d;color:#a0aec0;display:flex;flex-direction:column;align-items:center;gap:12px}.settings-empty p{font-size:.9rem;margin:0}.settings-cta-btn{padding:10px 20px;background:#4299e1;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.settings-cta-btn:hover{opacity:.9}.settings-skills-list{display:flex;flex-direction:column;gap:12px}.settings-skill-card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-skill-info{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.settings-skill-img{width:48px;height:48px;border-radius:10px;background:#4299e114;display:flex;align-items:center;justify-content:center;color:#4299e1;overflow:hidden;flex-shrink:0}.settings-skill-img img{width:100%;height:100%;object-fit:cover;border-radius:10px}.settings-skill-name{font-size:.9rem;font-weight:600;color:#2d3748;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-skill-cat{font-size:.78rem;color:#a0aec0;margin:0 0 6px}.settings-skill-status{text-transform:capitalize;font-weight:600}.settings-skill-status.active{color:#48bb78}.settings-skill-status.paused{color:#ed8936}.settings-skill-status.completed{color:#4299e1}.settings-skill-status.planning{color:#a0aec0}.settings-skill-bar{height:4px;background:#f0f4f8;border-radius:4px;overflow:hidden;width:100%}.settings-skill-bar-fill{height:100%;border-radius:4px;background:#4299e1;transition:width .4s ease}.settings-pause-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1.5px solid;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.settings-pause-btn.pause{border-color:#ed8936;color:#ed8936;background:transparent}.settings-pause-btn.pause:hover{background:#fffaf0}.settings-pause-btn.resume{border-color:#48bb78;color:#48bb78;background:transparent}.settings-pause-btn.resume:hover{background:#f0fff4}.settings-pause-btn:disabled{opacity:.6;cursor:not-allowed}.settings-export-btn{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 20px;border:1.5px solid #4299e1;border-radius:10px;background:transparent;color:#4299e1;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.settings-export-btn:hover:not(:disabled){background:#ebf8ff}.settings-export-btn.done{border-color:#48bb78;color:#48bb78}.settings-export-btn:disabled{opacity:.6;cursor:not-allowed}.settings-danger-zone{border:1.5px solid #fed7d7;border-radius:12px;padding:20px;background:#fff5f5;display:flex;flex-direction:column;gap:14px}.settings-danger-header{display:flex;align-items:flex-start;gap:10px;color:#e53e3e}.settings-danger-header p{font-size:.875rem;color:#742a2a;margin:0;line-height:1.5}.settings-delete-trigger{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border:1.5px solid #fc8181;border-radius:8px;background:transparent;color:#c53030;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;align-self:flex-start}.settings-delete-trigger:hover{background:#fff5f5;border-color:#e53e3e}.settings-delete-confirm{display:flex;flex-direction:column;gap:10px}.settings-delete-input{padding:10px 14px;border:1.5px solid #fc8181;border-radius:8px;font-size:.875rem;color:#c53030;background:#fff;font-family:monospace;width:200px}.settings-delete-input:focus{outline:none;border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26}.settings-delete-actions{display:flex;gap:10px}.settings-delete-cancel{padding:9px 18px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.settings-delete-cancel:hover{background:#f7fafc}.settings-delete-confirm-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:none;border-radius:8px;background:#e53e3e;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.settings-delete-confirm-btn:hover:not(:disabled){opacity:.9}.settings-delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.spin{animation:spin .8s linear infinite}.payment-current-plan{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#ebf8ff,#e9d8fd);border-radius:18px;padding:20px 24px;border:1.5px solid rgba(66,153,225,.2);position:relative;overflow:hidden}.payment-current-plan:before{content:"";position:absolute;top:-30px;right:-30px;width:130px;height:130px;background:radial-gradient(circle,rgba(139,92,246,.12) 0%,transparent 70%);pointer-events:none}.payment-current-left{display:flex;align-items:center;gap:14px}.payment-current-icon{width:44px;height:44px;border-radius:12px;background:#fff;color:#4299e1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4299e12e;flex-shrink:0}.payment-current-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#4299e1;margin:0 0 3px}.payment-current-name{font-size:1.1rem;font-weight:800;color:#1a202c;margin:0;display:flex;align-items:center;gap:8px}.payment-trial-badge{font-size:.68rem;font-weight:700;background:#fef3c7;color:#92400e;padding:2px 9px;border-radius:999px;border:1px solid #fde68a}.payment-manage-btn{padding:9px 20px;background:#fff;border:1.5px solid rgba(66,153,225,.35);border-radius:12px;color:#4299e1;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 4px #4299e11a}.payment-manage-btn:hover{background:#ebf8ff;border-color:#4299e1;box-shadow:0 3px 10px #4299e133}.payment-plans-list{display:flex;flex-direction:column;gap:10px}.payment-plan-card{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000a,0 4px 16px #0000000a;border:1.5px solid #edf2f7;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .15s}.payment-plan-card:hover{border-color:var(--plan-border, rgba(66,153,225,.4));box-shadow:0 6px 24px #00000014;transform:translateY(-1px)}.payment-plan-card.current{border-color:var(--plan-accent, #4299e1);box-shadow:0 0 0 3px var(--plan-bg),0 4px 16px #0000000f}.payment-plan-header{display:flex;align-items:center;gap:14px;width:100%;padding:18px 20px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s}.payment-plan-header:hover{background:#fafbfc}.payment-plan-card.expanded .payment-plan-header{background:var(--plan-bg, rgba(66,153,225,.05));border-bottom:1.5px solid #f0f4f8}.payment-plan-icon{width:42px;height:42px;border-radius:12px;background:var(--plan-bg, rgba(66,153,225,.1));color:var(--plan-accent, #4299e1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-plan-header-info{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-plan-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.payment-plan-name{font-size:.9375rem;font-weight:700;color:#1a202c}.payment-popular-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;padding:2px 9px;border-radius:999px}.payment-active-badge{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#dcfce7;color:#16a34a;padding:2px 9px;border-radius:999px;border:1px solid #bbf7d0}.payment-plan-price-block{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.payment-plan-price{font-size:1.15rem;font-weight:800;color:var(--plan-accent, #4299e1);white-space:nowrap;line-height:1.2}.payment-plan-interval{font-size:.78rem;font-weight:500;color:#a0aec0}.payment-plan-usd{font-size:.72rem;font-weight:500;color:#b0bec5;line-height:1}.payment-savings-badge{font-size:.68rem;font-weight:700;color:#059669;background:#d1fae5;padding:1px 7px;border-radius:999px;margin-top:2px;border:1px solid #a7f3d0}.payment-chevron{color:#cbd5e0;flex-shrink:0;transition:transform .25s ease}.payment-chevron.open{transform:rotate(90deg);color:var(--plan-accent, #4299e1)}.payment-plan-body{padding:20px 20px 22px;display:flex;flex-direction:column;gap:18px;background:#fafbfc}.payment-features-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}@media (max-width: 560px){.payment-features-list{grid-template-columns:1fr}}.payment-feature-item{display:flex;align-items:flex-start;gap:7px;font-size:.84rem;color:#4a5568;background:#fff;border:1px solid #edf2f7;border-radius:9px;padding:7px 10px}.payment-feature-check{color:var(--plan-accent, #4299e1);flex-shrink:0;margin-top:1px}.payment-plan-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 640px){.payment-plan-meta{grid-template-columns:1fr 1fr}}.payment-meta-item{background:#f7fafc;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.payment-meta-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#a0aec0}.payment-meta-value{font-size:.9375rem;font-weight:700;color:#2d3748}.payment-select-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;background:var(--plan-accent, #4299e1);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s;align-self:flex-start}.payment-select-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.payment-select-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:var(--plan-accent, #4299e1);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s,box-shadow .15s;align-self:flex-start;box-shadow:0 4px 12px color-mix(in srgb,var(--plan-accent, #4299e1) 35%,transparent)}.payment-select-btn:hover:not(:disabled){opacity:.92;transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--plan-accent, #4299e1) 40%,transparent)}.payment-select-btn:disabled{opacity:.6;cursor:not-allowed}.payment-current-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:600;color:var(--plan-accent, #4299e1);background:var(--plan-bg, rgba(66, 153, 225, .1));padding:9px 16px;border-radius:10px;align-self:flex-start;border:1px solid var(--plan-border, rgba(66,153,225,.2))}.payment-referral-section{background:linear-gradient(135deg,#f0f7ff,#faf5ff);border:1.5px solid rgba(66,153,225,.2);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.payment-referral-section:before{content:"";position:absolute;bottom:-20px;right:-20px;width:100px;height:100px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);pointer-events:none}.payment-referral-title{font-size:.975rem;font-weight:800;color:#1a202c;margin:0}.payment-referral-sub{font-size:.84rem;color:#718096;margin:-6px 0 0;line-height:1.55}.payment-referral-progress-bar{background:#4299e11f;border-radius:999px;height:8px;overflow:hidden}.payment-referral-progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#7c3aed);border-radius:999px;transition:width .6s ease;min-width:4px}.payment-referral-count{font-size:.78rem;font-weight:700;color:#4299e1;margin:-6px 0 0}.payment-referral-copy-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;background:#fff;border:1.5px solid rgba(66,153,225,.3);border-radius:12px;color:#2b6cb0;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .18s;align-self:flex-start;box-shadow:0 2px 8px #4299e11a}.payment-referral-copy-btn:hover{background:#ebf8ff;border-color:#4299e1;box-shadow:0 4px 14px #4299e133;transform:translateY(-1px)}.notification-history{margin-bottom:24px}.notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.notification-title{font-size:15px;font-weight:600;color:#1a202c;margin:0}.notification-badge{margin-left:8px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;vertical-align:middle}.notification-actions{display:flex;gap:8px}.notification-button{font-size:12px;background:none;border:none;cursor:pointer;padding:4px 8px}.notification-button.mark-read{color:#4299e1}.notification-button.clear-all{color:#e53e3e}.notification-empty{text-align:center;padding:32px 16px;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0}.notification-empty-icon{color:#cbd5e0;margin-bottom:8px}.notification-list{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto;padding-right:4px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:12px;transition:background .2s}.notification-item.read{background:#f8fafc;border:1px solid #e2e8f0}.notification-item.unread{background:#eff6ff;border:1px solid #bfdbfe}.notification-icon{flex-shrink:0;width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center}.notification-title-text{font-size:13px;font-weight:600;color:#1a202c;margin:0}.notification-message{font-size:12px;color:#718096;margin:2px 0 0}.notification-timestamp{font-size:11px;color:#a0aec0;margin:4px 0 0}.notification-remove-button{flex-shrink:0;background:none;border:none;cursor:pointer;color:#cbd5e0;padding:2px;border-radius:6px}.portfolio-page{width:100%}.portfolio-page .page-header{margin-bottom:32px}.portfolio-page .page-title{font-size:32px;font-weight:600;color:#2d3748;margin-bottom:8px;letter-spacing:-.5px}.portfolio-page .page-subtitle{font-size:15px;color:#718096;font-weight:400}.pf-success-banner{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;margin-bottom:20px}.pf-error-banner{display:flex;align-items:center;gap:8px;background:#fff5f5;border:1px solid #fed7d7;color:#c53030;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;margin-bottom:20px}.pf-banner-close{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;display:flex;align-items:center;padding:2px;border-radius:4px}.pf-banner-close:hover{opacity:1}.pf-tabs{display:flex;gap:8px;margin-bottom:28px}.pf-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px;font-size:14px;font-weight:500;color:#718096;cursor:pointer;transition:all .3s ease;font-family:inherit}.pf-tab:hover{background:#ffffffe6;border-color:#4299e14d}.pf-tab.active{background:#4299e1;color:#fff;border-color:transparent;box-shadow:none}.pf-tab-count{background:#ffffff40;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:600}.pf-tab.active .pf-tab-count{background:#ffffff4d}.pf-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;color:#718096;font-size:14px}.loading-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:spin .7s linear infinite}.spinning{animation:spin .7s linear infinite}.pf-content{width:100%}.pf-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 20px;text-align:center;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;box-shadow:0 4px 16px #0000000a}.pf-empty-icon{width:80px;height:80px;background:#4299e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.8}.pf-empty h3{font-size:22px;font-weight:600;color:#2d3748;margin:0}.pf-empty p{font-size:15px;color:#718096;max-width:400px;margin:0;line-height:1.6}.pf-cta-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;box-shadow:none}.pf-cta-btn:hover{transform:translateY(-2px);box-shadow:none}.pf-cta-btn.secondary{background:#fff;color:#4299e1;border:1.5px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.pf-cta-btn.secondary:hover{background:#f7fafc;border-color:#bee3f8}.pf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.pf-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:24px;box-shadow:0 4px 16px #0000000a;transition:all .3s ease;display:flex;flex-direction:column;gap:14px}.pf-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.pf-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.pf-card-left{display:flex;align-items:center;gap:12px}.pf-card-emoji{font-size:28px;line-height:1}.pf-card-title{font-size:17px;font-weight:600;color:#2d3748;margin:0 0 3px}.pf-card-category{font-size:12px;color:#718096;margin:0;font-weight:500}.pf-visibility-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.pf-visibility-badge.public{background:#ebf8ff;color:#2b6cb0}.pf-visibility-badge.private{background:#f0fff4;color:#276749}.pf-card-headline{font-size:13px;color:#4a5568;font-style:italic;margin:0;line-height:1.5;padding:10px 12px;background:#f7fafc;border-radius:8px;border-left:3px solid #bee3f8}.pf-card-stats{display:flex;gap:8px;flex-wrap:wrap}.pf-card-stat{display:flex;align-items:center;gap:4px;font-size:12px;color:#718096;background:#f7fafc;padding:4px 10px;border-radius:20px}.pf-card-tags{display:flex;flex-wrap:wrap;gap:6px}.pf-card-footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.pf-card-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;border:none;font-family:inherit;transition:all .2s}.pf-card-btn.primary{background:#4299e1;color:#fff;box-shadow:none}.pf-card-btn.primary:hover{transform:translateY(-1px);box-shadow:none}.pf-card-btn.secondary{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.pf-card-btn.secondary:hover{background:#f7fafc}.pf-card-btn.danger{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}.pf-card-btn.danger:hover{background:#fff}.pf-card-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pf-card-date{font-size:11px;color:#a0aec0;margin:0}.pf-tag{display:inline-block;padding:4px 12px;background:#ebf8ff;color:#2b6cb0;border-radius:20px;font-size:12px;font-weight:500}.pf-mini-tag{display:inline-block;padding:3px 8px;background:#f7fafc;color:#4a5568;border-radius:6px;font-size:11px;border:1px solid #e2e8f0}.pf-mini-tag.muted{color:#a0aec0}.pf-eligible-info{display:flex;align-items:center;gap:10px;background:#ebf8ff;border:1px solid #bee3f8;color:#2b6cb0;border-radius:12px;padding:12px 16px;font-size:14px;margin-bottom:20px}.pf-eligible-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.pf-eligible-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:20px;box-shadow:0 4px 16px #0000000a;display:flex;flex-direction:column;gap:14px;transition:all .3s ease}.pf-eligible-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.pf-eligible-top{display:flex;align-items:center;gap:12px}.pf-eligible-emoji{font-size:28px;line-height:1}.pf-eligible-info h3{font-size:16px;font-weight:600;color:#2d3748;margin:0 0 3px}.pf-eligible-info p{font-size:12px;color:#718096;margin:0}.pf-eligible-pct{margin-left:auto}.pf-pct-ring{width:48px;height:48px;background:conic-gradient(#4299e1 calc(var(--pct, 0) * 1%),#e2e8f0 calc(var(--pct, 0) * 1%));border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.pf-pct-ring:before{content:"";position:absolute;width:34px;height:34px;background:#fff;border-radius:50%}.pf-pct-ring span{position:relative;font-size:11px;font-weight:700;color:#2d3748;z-index:1}.pf-eligible-progress{display:flex;align-items:center;gap:10px}.pf-progress-bar-bg{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.pf-progress-bar-fill{height:100%;background:#4299e1;border-radius:3px;transition:width .5s ease}.pf-progress-label{font-size:11px;color:#a0aec0;white-space:nowrap}.pf-generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .3s ease;box-shadow:none;width:100%}.pf-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:none}.pf-generate-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.pf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pf-modal{background:#fff;border-radius:20px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.pf-modal-header{padding:20px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.pf-modal-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.pf-modal-skill-badge{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#2d3748}.pf-modal-actions{display:flex;align-items:center;gap:8px}.pf-save-status{font-size:12px;color:#718096;padding:4px 8px}.pf-save-status.saved{color:#10b981}.pf-visibility-btn{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .2s}.pf-visibility-btn.public{background:#ebf8ff;color:#2b6cb0}.pf-visibility-btn.private{background:#f0fff4;color:#276749}.pf-visibility-btn:hover{filter:brightness(.95)}.pf-visibility-btn:disabled{opacity:.5;cursor:not-allowed}.pf-icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;color:#4a5568;transition:all .2s}.pf-icon-btn:hover{background:#edf2f7;color:#2d3748}.pf-url-bar{display:flex;align-items:center;gap:8px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;margin-top:12px}.pf-url-icon{color:#4299e1;flex-shrink:0}.pf-url-text{flex:1;font-size:13px;color:#4a5568;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pf-url-copy,.pf-url-open{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;color:#718096;transition:all .2s;text-decoration:none;flex-shrink:0}.pf-url-copy:hover,.pf-url-open:hover{background:#4299e1;color:#fff;border-color:#4299e1}.pf-modal-body{overflow-y:auto;flex:1;padding:0 24px 24px}.pf-section{padding:20px 0;border-bottom:1px solid #f0f0f0}.pf-section:last-child{border-bottom:none}.pf-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#a0aec0;margin:0 0 12px}.pf-hero{background:#4299e10a;border-radius:16px;padding:24px!important;border:none!important;margin-top:20px}.pf-hero-inner{display:flex;align-items:flex-start;gap:16px}.pf-avatar-circle{width:56px;height:56px;background:#4299e1;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;flex-shrink:0}.pf-hero-text{flex:1}.pf-headline{font-size:18px;font-weight:700;color:#2d3748;margin:0 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pf-bio{font-size:14px;color:#4a5568;margin:0;line-height:1.7;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.pf-inline-edit{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:1px solid #e2e8f0;border-radius:5px;cursor:pointer;color:#a0aec0;transition:all .2s;flex-shrink:0}.pf-inline-edit:hover{background:#ebf8ff;color:#4299e1;border-color:#bee3f8}.pf-edit-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.pf-edit-row.bio-edit{flex-direction:column;align-items:flex-start}.pf-edit-input{flex:1;padding:6px 10px;border:1.5px solid #4299e1;border-radius:8px;font-size:15px;font-weight:600;color:#2d3748;font-family:inherit;outline:none;min-width:200px}.pf-edit-textarea{width:100%;padding:8px 10px;border:1.5px solid #4299e1;border-radius:8px;font-size:14px;color:#2d3748;font-family:inherit;outline:none;resize:vertical}.pf-edit-btns{display:flex;gap:8px}.pf-mini-save{padding:5px 14px;background:#4299e1;color:#fff;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.pf-mini-cancel{padding:5px 14px;background:#e2e8f0;color:#4a5568;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.pf-stats-row{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #f0f0f0}.pf-stat-pill{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;color:#4a5568}.pf-stat-pill strong{color:#2d3748}.pf-tags{display:flex;flex-wrap:wrap;gap:8px}.pf-highlights{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.pf-highlights li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#4a5568;line-height:1.5}.pf-hl-icon{color:#4299e1;margin-top:2px;flex-shrink:0}.pf-projects{display:flex;flex-direction:column;gap:12px}.pf-project-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.pf-project-top{display:flex;align-items:flex-start;gap:10px}.pf-project-icon{width:30px;height:30px;background:#ebf8ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#4299e1;flex-shrink:0}.pf-project-info{flex:1}.pf-project-info h4{font-size:14px;font-weight:600;color:#2d3748;margin:0 0 4px}.pf-project-info p{font-size:13px;color:#718096;margin:0;line-height:1.5}.pf-project-score{font-size:15px;font-weight:700;flex-shrink:0}.pf-project-tags{display:flex;flex-wrap:wrap;gap:6px}.pf-achievements{display:flex;flex-wrap:wrap;gap:8px}.pf-ach-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f7fafc;border:1px solid;border-radius:20px;font-size:12px}.pf-ach-icon{font-size:14px}.pf-ach-name{color:#4a5568;font-weight:500}.pf-exports{border-bottom:none!important}.pf-export-btns{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pf-export-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;color:#4a5568;font-family:inherit;transition:all .2s}.pf-export-btn:hover{border-color:#bee3f8;background:#f7fafc}.pf-export-btn.active{background:#ebf8ff;border-color:#bee3f8;color:#2b6cb0}.pf-export-panel{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.pf-export-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #e2e8f0;font-size:12px;font-weight:600;color:#718096}.pf-copy-text-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;color:#4a5568;font-family:inherit;transition:all .2s}.pf-copy-text-btn:hover{background:#4299e1;color:#fff;border-color:#4299e1}.pf-export-text{padding:14px 16px;font-family:Courier New,monospace;font-size:12px;color:#4a5568;margin:0;white-space:pre-wrap;word-break:break-word;max-height:250px;overflow-y:auto;line-height:1.6}@media (max-width: 768px){.pf-grid,.pf-eligible-grid{grid-template-columns:1fr}.pf-modal{max-width:100%;max-height:95vh;border-radius:16px}.pf-stats-row{gap:6px}.pf-stat-pill{font-size:12px;padding:6px 10px}.pf-hero-inner{flex-direction:column;align-items:center;text-align:center}}.pub-page{min-height:100vh;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pub-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:#718096;font-size:15px}.pub-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:pubSpin .7s linear infinite}@keyframes pubSpin{to{transform:rotate(360deg)}}.pub-notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;text-align:center;padding:40px}.pub-nf-icon{font-size:64px}.pub-notfound h2{font-size:26px;font-weight:700;color:#2d3748;margin:0}.pub-notfound p{font-size:15px;color:#718096;margin:0}.pub-back-btn{display:flex;align-items:center;gap:7px;padding:12px 24px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .3s;box-shadow:none}.pub-back-btn:hover{transform:translateY(-2px);box-shadow:none}.pub-nav{background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000a}.pub-nav-inner{max-width:860px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.pub-logo{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:17px;font-weight:700;color:#2d3748}.pub-logo-icon{width:32px;height:32px;background:#4299e1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.pub-nav-actions{display:flex;gap:8px}.pub-share-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;background:#f7fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;color:#4a5568;font-family:inherit;transition:all .2s}.pub-share-btn:hover{background:#ebf8ff;border-color:#bee3f8;color:#2b6cb0}.pub-hero{background:#4299e1;padding:60px 24px;color:#fff}.pub-hero-inner{max-width:860px;margin:0 auto;display:flex;align-items:flex-start;gap:28px}.pub-avatar{width:80px;height:80px;background:#ffffff40;border:3px solid rgba(255,255,255,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;flex-shrink:0}.pub-hero-text{flex:1}.pub-skill-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 14px;font-size:13px;font-weight:600;margin-bottom:16px}.pub-skill-level{font-weight:400;opacity:.7}.pub-headline{font-size:30px;font-weight:800;margin:0 0 8px;letter-spacing:-.5px;line-height:1.2}.pub-name{font-size:15px;opacity:.8;margin:0 0 16px}.pub-bio{font-size:15px;opacity:.9;margin:0;line-height:1.7;max-width:600px}.pub-content{max-width:860px;margin:0 auto;padding:0 24px 60px}.pub-stats-strip{display:flex;gap:16px;padding:24px 0;overflow-x:auto;flex-wrap:wrap}.pub-stat-box{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:16px 20px;box-shadow:0 2px 8px #0000000d;flex:1;min-width:120px;border:1px solid rgba(255,255,255,.8);transition:all .3s}.pub-stat-box:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.pub-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.pub-stat-val{font-size:20px;font-weight:800;color:#2d3748;line-height:1.1}.pub-stat-label{font-size:11px;color:#a0aec0;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.pub-section{background:#fff;border-radius:20px;padding:28px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;border:1px solid rgba(255,255,255,.8)}.pub-section-title{font-size:18px;font-weight:700;color:#2d3748;margin:0 0 20px;letter-spacing:-.3px}.pub-tags{display:flex;flex-wrap:wrap;gap:8px}.pub-tag{display:inline-block;padding:6px 16px;background:#4299e114;color:#2b6cb0;border-radius:20px;font-size:13px;font-weight:500;border:1px solid #bee3f8}.pub-mini-tag{display:inline-block;padding:3px 10px;background:#f7fafc;color:#4a5568;border-radius:6px;font-size:12px;border:1px solid #e2e8f0}.pub-highlights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.pub-highlight-card{display:flex;align-items:flex-start;gap:10px;background:#4299e10d;border-radius:12px;padding:14px 16px;border:1px solid rgba(66,153,225,.15)}.pub-hl-icon{color:#667eea;margin-top:2px;flex-shrink:0}.pub-highlight-card p{font-size:14px;color:#4a5568;margin:0;line-height:1.5}.pub-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.pub-project-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;transition:all .3s}.pub-project-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000012;border-color:#bee3f8}.pub-project-header{display:flex;align-items:center;justify-content:space-between}.pub-project-icon-wrap{width:36px;height:36px;background:#4299e114;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#4299e1}.pub-project-meta{display:flex;align-items:center;gap:8px}.pub-project-day{font-size:11px;color:#a0aec0;background:#f0f0f0;padding:3px 8px;border-radius:6px}.pub-project-score{font-size:15px;font-weight:800}.pub-project-title{font-size:15px;font-weight:700;color:#2d3748;margin:0}.pub-project-desc{font-size:13px;color:#718096;margin:0;line-height:1.6}.pub-project-tags{display:flex;flex-wrap:wrap;gap:6px}.pub-achievements{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.pub-ach-card{display:flex;align-items:flex-start;gap:12px;background:#f7fafc;border:1.5px solid;border-radius:14px;padding:14px 16px;transition:all .2s}.pub-ach-card:hover{transform:translateY(-1px)}.pub-ach-icon-bg{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pub-ach-emoji{font-size:20px}.pub-ach-info{flex:1}.pub-ach-info h4{font-size:13px;font-weight:700;color:#2d3748;margin:0 0 3px}.pub-ach-info p{font-size:12px;color:#718096;margin:0 0 4px;line-height:1.4}.pub-rarity-badge{font-size:11px;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.pub-footer-cta{background:#fff;border-radius:20px;padding:28px;margin-top:20px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid rgba(255,255,255,.8)}.pub-footer-brand{display:flex;align-items:center;gap:14px}.pub-footer-logo{width:40px;height:40px;background:#4299e1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.pub-footer-tagline{font-size:14px;font-weight:700;color:#2d3748;margin:0 0 2px}.pub-footer-sub{font-size:12px;color:#718096;margin:0}.pub-footer-btn{padding:12px 28px;background:#4299e1;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .3s;box-shadow:none;white-space:nowrap}.pub-footer-btn:hover{transform:translateY(-2px);box-shadow:none}@media (max-width: 768px){.pub-hero{padding:40px 20px}.pub-hero-inner{flex-direction:column;align-items:center;text-align:center}.pub-hero-text{display:flex;flex-direction:column;align-items:center}.pub-headline{font-size:22px}.pub-stats-strip{gap:10px}.pub-stat-box{min-width:100px;padding:12px 14px}.pub-stat-val{font-size:16px}.pub-projects,.pub-achievements,.pub-highlights-grid{grid-template-columns:1fr}.pub-footer-cta{flex-direction:column;text-align:center}.pub-footer-brand{flex-direction:column;align-items:center}}.about-page{min-height:100vh;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.about-header{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#fff;box-shadow:0 2px 10px #0000000d;flex-wrap:wrap;gap:20px}.about-header .logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:.5px;text-decoration:none}.about-header .logo-icon{width:40px;height:40px;background:#4299e1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.about-header nav{display:flex;gap:40px;align-items:center;flex-wrap:wrap}.about-header nav a,.about-header nav .about-nav-link{text-decoration:none;color:#1a1a1a;font-size:16px;font-weight:600;transition:color .3s;white-space:nowrap}.about-header nav a:hover{color:#4299e1}.about-header nav a.active{color:#4299e1}.about-header .signup-btn{background:#fff;padding:10px 24px;border-radius:25px;border:1px solid #e0e0e0;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}.about-header .signup-btn:hover{background:#4299e1;color:#fff;border-color:#4299e1}.about-hero{text-align:center;padding:80px 40px 60px;max-width:1200px;margin:0 auto}.about-hero h1{font-size:56px;font-weight:700;margin-bottom:20px;color:#1a1a1a}.about-hero p{font-size:20px;color:#666;max-width:800px;margin:0 auto;line-height:1.6}.about-what{background:#fff;padding:80px 40px;margin:0 0 40px}.about-container{max-width:1200px;margin:0 auto}.about-what h2{font-size:42px;font-weight:700;margin-bottom:30px;color:#1a1a1a;text-align:center}.about-description{font-size:18px;line-height:1.8;color:#444;max-width:900px;margin:0 auto 60px;text-align:center}.about-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.about-feature-card{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:40px 30px;transition:all .3s ease;box-shadow:0 4px 16px #0000000a}.about-feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000014}.about-feature-icon{width:60px;height:60px;background:#4299e1;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.about-feature-icon svg{width:32px;height:32px}.about-feature-card h3{font-size:22px;font-weight:700;margin-bottom:15px;color:#2d3748}.about-feature-card p{font-size:15px;color:#718096;line-height:1.6}.about-mission{padding:80px 40px}.about-mission h2{font-size:42px;font-weight:700;margin-bottom:40px;color:#1a1a1a;text-align:center}.mission-content{max-width:900px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 10px 30px #00000014}.mission-content p{font-size:18px;line-height:1.8;color:#444;margin-bottom:20px}.mission-content p:last-child{margin-bottom:0}.about-footer{background:#1a1a1a;color:#fff;text-align:center;padding:40px 20px;margin-top:0}.about-footer p{font-size:16px}@media (max-width: 768px){.about-header{padding:20px 30px}.about-header nav{gap:20px;width:100%;justify-content:center}.about-hero h1{font-size:36px}.about-hero p{font-size:16px}.about-what h2,.about-mission h2{font-size:32px}.about-features-grid{grid-template-columns:1fr}.mission-content{padding:40px 30px}}@media (max-width: 480px){.about-hero{padding:60px 20px 40px}.about-what,.about-mission{padding:60px 20px}}.contact-page{min-height:100vh;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.contact-header{display:flex;justify-content:space-between;align-items:center;padding:20px 60px;background:#fff;box-shadow:0 2px 10px #0000000d;flex-wrap:wrap;gap:20px}.contact-header .logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:.5px;text-decoration:none}.contact-header .logo-icon{width:40px;height:40px;background:#4299e1;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff}.contact-header nav{display:flex;gap:40px;align-items:center;flex-wrap:wrap}.contact-header nav a{text-decoration:none;color:#1a1a1a;font-size:16px;font-weight:600;transition:color .3s;white-space:nowrap}.contact-header nav a:hover{color:#4299e1}.contact-header nav a.active{color:#4299e1}.contact-header .signup-btn{background:#fff;padding:10px 24px;border-radius:25px;border:1px solid #e0e0e0;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}.contact-header .signup-btn:hover{background:#4299e1;color:#fff;border-color:#4299e1}.contact-hero{text-align:center;padding:80px 40px 40px;max-width:800px;margin:0 auto}.contact-hero h1{font-size:56px;font-weight:700;margin-bottom:20px;color:#1a1a1a}.contact-hero p{font-size:20px;color:#666;line-height:1.6}.contact-section{max-width:1000px;margin:60px auto;padding:0 40px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-bottom:60px}.contact-card{background:#fff;padding:50px 40px;border-radius:20px;box-shadow:0 10px 30px #00000014;text-align:center;transition:transform .3s,box-shadow .3s}.contact-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #0000001f}.contact-icon{width:80px;height:80px;background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px}.contact-icon svg{width:40px;height:40px}.contact-card h3{font-size:28px;font-weight:700;margin-bottom:15px;color:#1a1a1a}.contact-card p{font-size:16px;color:#666;margin-bottom:25px;line-height:1.6}.contact-link{display:inline-block;background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;padding:14px 32px;border-radius:25px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s}.contact-link:hover{transform:scale(1.05);box-shadow:none}.email-text{color:#4299e1;font-size:17px;font-weight:600;word-break:break-all;margin-bottom:20px!important}.message-section{background:#fff;padding:60px 40px;border-radius:20px;box-shadow:0 10px 30px #00000014}.message-section h2{font-size:36px;font-weight:700;margin-bottom:15px;text-align:center;color:#1a1a1a}.message-section>p{font-size:17px;color:#666;text-align:center;margin-bottom:40px;line-height:1.6}.message-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:16px;font-weight:600;color:#1a1a1a}.form-group input,.form-group textarea{padding:14px 20px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;font-family:inherit;transition:border-color .3s;color:#1a1a1a;background:#fafafa}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4299e1;background:#fff}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;padding:16px 40px;border-radius:25px;border:none;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px;font-family:inherit}.submit-btn:hover{transform:translateY(-2px);box-shadow:none}.submitted-msg{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 0;text-align:center}.submitted-msg svg{width:64px;height:64px}.submitted-msg p{font-size:18px;color:#444}.contact-footer{background:#1a1a1a;color:#fff;text-align:center;padding:40px 20px;margin-top:80px}.contact-footer p{font-size:16px}@media (max-width: 768px){.contact-header{padding:20px 30px}.contact-header nav{gap:20px;width:100%;justify-content:center}.contact-hero h1{font-size:36px}.contact-hero p{font-size:16px}.contact-grid{grid-template-columns:1fr}.message-section{padding:40px 30px}.message-section h2{font-size:28px}}@media (max-width: 480px){.contact-hero{padding:60px 20px 40px}.contact-section{padding:0 20px}}.sol-page{background:#0a0a0a}.sol-logo-btn{background:none;border:none;cursor:pointer;padding:0}.sol-nav-links{display:flex;gap:4px;align-items:center;flex:1}.sol-nav-link{background:none;border:none;color:#000;font-size:15px;font-weight:500;cursor:pointer;padding:8px 14px;border-radius:6px;font-family:inherit;transition:background-color .15s}.sol-nav-link:hover{background-color:#0000000d}.sol-nav-link--active{font-weight:600;color:#000}.sol-hero{background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(66,153,225,.1) 0%,transparent 70%),#0a0a0a;padding:100px 24px 80px;text-align:center}.sol-hero__inner{max-width:700px;margin:0 auto}.sol-hero__tag{display:inline-flex;align-items:center;gap:6px;background:#4299e11f;color:#63b3ed;border-radius:20px;padding:5px 14px;font-size:12.5px;font-weight:600;letter-spacing:.3px;margin-bottom:24px}.sol-hero__h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:800;line-height:1.13;letter-spacing:-.03em;color:#f1f5f9;margin-bottom:20px}.sol-hero__sub{font-size:18px;color:#94a3b8;line-height:1.65;margin-bottom:36px}.sol-hero__pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sol-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#cbd5e0;border-radius:20px;padding:8px 18px;font-size:13.5px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.sol-pill:hover{background:#ffffff1a;border-color:var(--pill-accent);color:var(--pill-accent)}.sol-pill svg{color:var(--pill-accent)}.sol-reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform}.sol-reveal.lp-reveal--visible{opacity:1;transform:translateY(0)}.sol-section{padding:88px 24px;border-top:1px solid rgba(255,255,255,.05)}.sol-section--alt{background:#ffffff05}.sol-section__inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.sol-section--alt .sol-section__inner{direction:rtl}.sol-section--alt .sol-section__text,.sol-section--alt .sol-section__visual{direction:ltr}.sol-section__chip{display:inline-flex;align-items:center;gap:6px;background:var(--s-accent-light);color:var(--s-accent);border-radius:20px;padding:5px 14px;font-size:12.5px;font-weight:600;margin-bottom:20px}.sol-section__h2{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:#f1f5f9;margin-bottom:16px}.sol-section__sub{font-size:16px;color:#94a3b8;line-height:1.7;margin-bottom:28px}.sol-checklist{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.sol-checklist li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:#cbd5e0;line-height:1.5}.sol-checklist__icon{color:var(--s-accent);flex-shrink:0;margin-top:2px}.sol-cta{border-radius:10px!important}.sol-skills-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 22px;margin-bottom:16px}.sol-skills-card__label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.sol-skills-card__grid{display:flex;flex-wrap:wrap;gap:8px}.sol-skill-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#94a3b8;border-radius:8px;padding:5px 11px;font-size:12.5px;font-weight:500}.sol-outcomes{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 22px}.sol-outcomes__label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.sol-outcome-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sol-outcome-item:last-child{border-bottom:none;padding-bottom:0}.sol-outcome-item__icon{width:40px;height:40px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.sol-outcome-item__title{font-size:14px;font-weight:600;color:#e2e8f0;margin-bottom:3px}.sol-outcome-item__desc{font-size:13px;color:#64748b;line-height:1.45}.sol-stats{background:#ffffff06;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:56px 24px}.sol-stats__inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}.sol-stat__icon{color:#4299e1;margin:0 auto 10px;display:block}.sol-stat__value{font-size:2rem;font-weight:800;color:#f1f5f9;letter-spacing:-.03em;line-height:1;margin-bottom:6px}.sol-stat__label{font-size:13px;color:#64748b}.sol-footer-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:#94a3b8;padding:0;transition:color .15s}.sol-footer-link:hover{color:#e2e8f0}@media (max-width: 900px){.sol-section__inner{grid-template-columns:1fr;gap:36px}.sol-section--alt .sol-section__inner{direction:ltr}.sol-stats__inner{grid-template-columns:repeat(2,1fr)}.lp-nav-v2__actions .lp-nav-v2__action-btn--outline{display:none}}@media (max-width: 600px){.sol-hero{padding:60px 20px 56px}.sol-hero__h1{font-size:2rem}.sol-section{padding:56px 20px}.sol-stats__inner{grid-template-columns:repeat(2,1fr);gap:24px}.sol-nav-links{display:none}}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-ext-500-normal-Yta7XZ9C.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-500-normal-lsPpqi9g.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-vietnamese-500-normal-BZGLGj12.woff2) format("woff2"),url(/assets/cormorant-garamond-vietnamese-500-normal-DqXqCC0q.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-ext-500-normal-CH1kM7og.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-ext-500-normal-DYeaGGzO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cormorant-garamond-cyrillic-ext-700-normal-Do0rx6yy.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-700-normal-BaW-xaxb.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cormorant-garamond-cyrillic-700-normal-SLG_-a_c.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-700-normal-D3uyJ5DH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cormorant-garamond-vietnamese-700-normal--OtHbi1I.woff2) format("woff2"),url(/assets/cormorant-garamond-vietnamese-700-normal-GOTdnRS1.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cormorant-garamond-latin-ext-700-normal-CNjt5vTB.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-ext-700-normal-qRbaVVD7.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cormorant-garamond-latin-700-normal-DajfzrDU.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-700-normal-O25Qpphb.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--avatar-surface: rgba(255, 251, 245, .84);--avatar-surface-strong: rgba(255, 249, 241, .95);--avatar-stroke: rgba(50, 29, 10, .08);--avatar-ink: #21160f;--avatar-muted: #6c5c50;--avatar-gold: #bc8843}.avatar-preview-page{min-height:100vh;padding:42px 20px 60px;background:radial-gradient(circle at top left,rgba(255,220,154,.54),transparent 28%),radial-gradient(circle at top right,rgba(111,83,255,.14),transparent 32%),linear-gradient(160deg,#f7f1e7,#f1ece2 48%,#ece7de);color:var(--avatar-ink);font-family:Manrope,sans-serif}.avatar-preview-shell{width:min(1320px,100%);margin:0 auto}.avatar-preview-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.avatar-preview-kicker,.avatar-preview-card-copy span{margin-bottom:12px;text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:700;color:var(--avatar-gold)}.avatar-preview-header h1,.avatar-preview-question-copy h2,.avatar-preview-summary-copy h2,.avatar-preview-card h2{font-family:Cormorant Garamond,serif;letter-spacing:-.03em}.avatar-preview-header h1{font-size:clamp(3.1rem,8vw,5.8rem);line-height:.96;max-width:8ch}.avatar-preview-intro,.avatar-preview-card p,.avatar-preview-question-copy p,.avatar-preview-summary-copy p,.avatar-preview-note-grid span,.avatar-preview-speech span,.avatar-preview-speech p{color:var(--avatar-muted);font-size:15px;line-height:1.7}.avatar-preview-header-actions,.avatar-preview-question-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.avatar-preview-link,.avatar-preview-next,.avatar-preview-answer{border-radius:999px;font:inherit;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.avatar-preview-link,.avatar-preview-next{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;text-decoration:none;font-size:14px;font-weight:700}.avatar-preview-link:hover,.avatar-preview-next:hover,.avatar-preview-answer:hover{transform:translateY(-2px)}.avatar-preview-link.primary{background:#1f1610;color:#fff8ef}.avatar-preview-link.secondary{background:#ffffffb3;border:1px solid rgba(31,22,16,.08);color:#2b1e16}.avatar-preview-next{border:none;background:linear-gradient(135deg,#1f1610,#4b2c18);color:#fff8ef;box-shadow:0 14px 30px #4b2c182e;cursor:pointer}.avatar-preview-question-panel,.avatar-preview-card,.avatar-preview-summary{background:var(--avatar-surface);border:1px solid var(--avatar-stroke);border-radius:32px;padding:24px;box-shadow:0 24px 80px #22160e14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.avatar-preview-question-panel{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;margin-bottom:24px}.avatar-preview-question-copy h2,.avatar-preview-summary-copy h2{font-size:clamp(2.4rem,5vw,4rem);line-height:.96;margin-bottom:10px}.avatar-preview-status-pill{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;border-radius:999px;background:#fff6e4f2;border:1px solid rgba(188,136,67,.24);color:#6f4a17;font-size:13px;font-weight:700}.avatar-preview-answer-row{display:flex;flex-wrap:wrap;gap:10px}.avatar-preview-answer{padding:12px 16px;border:1px solid rgba(32,22,16,.1);background:#ffffffc2;color:#36261d;cursor:pointer;font-size:13px;font-weight:600}.avatar-preview-answer.active{background:#fff2dbfa;border-color:#bc88435c;box-shadow:0 10px 22px #bc88431f}.avatar-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px}.avatar-preview-card{display:flex;flex-direction:column;gap:20px}.avatar-preview-badge{display:inline-flex;width:fit-content;margin-bottom:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}.avatar-preview-badge.recommended{background:#243ba914;color:#243ba9}.avatar-preview-badge.cinematic{background:#bc88431f;color:#84581d}.avatar-preview-card h2{font-size:34px;line-height:1.05}.avatar-preview-stage{position:relative;min-height:480px;overflow:hidden;border-radius:28px;border:1px solid rgba(31,20,13,.06)}.avatar-preview-stage-2d{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(255,211,117,.28),transparent 28%),linear-gradient(180deg,#fff9ef,#fff4e8)}.avatar-preview-stage-3d{display:flex;align-items:center;justify-content:center;isolation:isolate;background:radial-gradient(circle at top,rgba(255,216,127,.22),transparent 25%),linear-gradient(160deg,#181526,#201b38 42%,#0e182b)}.avatar-preview-speech{position:absolute;top:24px;left:24px;z-index:2;max-width:320px;padding:16px 18px;border-radius:22px 22px 22px 8px;background:#fffffff2;box-shadow:0 18px 50px #3a210b14}.avatar-preview-speech strong{display:block;margin-bottom:6px;color:#2d2018;font-size:15px}.avatar-preview-speech span{display:block;font-size:13px}.avatar-preview-speech p{margin-top:8px;font-size:14px;color:#47362b}.avatar-preview-speech-dark{background:#12172cbd;box-shadow:0 20px 56px #04060f42}.avatar-preview-speech-dark strong,.avatar-preview-speech-dark p{color:#f4ecdd}.avatar-preview-speech-dark span{color:#ebe7ffb8}.owl-stage{position:relative}.owl-stage-2d{width:260px;height:324px}.owl-aura{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background-image:var(--owl-aura)}.owl-ears,.owl-head,.owl-body{position:absolute;left:50%;transform:translate(-50%)}.owl-ears{top:20px;width:170px;height:54px}.owl-ear{position:absolute;top:0;width:46px;height:46px;border-radius:10px 10px 22px 22px;background:var(--owl-feather)}.owl-ear.left{left:20px;transform:rotate(-34deg)}.owl-ear.right{right:20px;transform:rotate(34deg)}.owl-head{top:42px;width:170px;height:158px;border-radius:44% 44% 48% 48%;background:var(--owl-feather);box-shadow:inset 0 -12px 22px #4727112e,0 24px 50px #42200524}.owl-face-disc,.owl-eye-ring,.owl-eye,.owl-brow,.owl-beak,.owl-wing,.owl-belly,.owl-3d-shine,.owl-3d-orbit,.owl-3d-ear,.owl-3d-disc,.owl-3d-eye-ring,.owl-3d-eye,.owl-3d-beak,.owl-3d-ring,.owl-3d-pedestal{position:absolute}.owl-face-disc{top:36px;width:70px;height:88px;border-radius:50%;background:linear-gradient(180deg,#fffbf4fa,#f7e1bfeb)}.owl-face-disc.left,.owl-eye-ring.left{left:18px}.owl-face-disc.right,.owl-eye-ring.right{right:18px}.owl-brow{top:44px;width:36px;height:8px;background:#6b3c20;border-radius:999px;transform:var(--owl-brow-tilt)}.owl-brow.left{left:34px}.owl-brow.right{right:34px}.owl-eye-ring{top:54px;width:50px;height:50px;border-radius:50%;background:#fff8e6fa;box-shadow:inset 0 0 0 5px #6f43212e}.owl-eye{top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%) scaleY(var(--owl-eye-scale));transform-origin:center;border-radius:50%;background:var(--owl-iris)}.owl-beak{left:50%;top:92px;width:28px;height:24px;transform:translate(-50%) scale(var(--owl-beak-scale));transform-origin:center;background:linear-gradient(180deg,#f6c25c,#d78d2d);clip-path:polygon(50% 100%,0 0,100% 0)}.owl-body{bottom:0;width:194px;height:164px;border-radius:44% 44% 28% 28%;background:var(--owl-body);box-shadow:0 20px 50px #1b125740}.owl-belly{left:50%;bottom:22px;width:92px;height:88px;transform:translate(-50%);border-radius:50% 50% 42% 42%;background:linear-gradient(180deg,#fff6e5f5,#f7dcb5d1)}.owl-wing{top:32px;width:56px;height:108px;border-radius:999px;transform-origin:top center;background:linear-gradient(180deg,#fff3,#231b6d1a)}.owl-wing.left{left:10px}.owl-wing.right{right:10px}.owl-3d-shine{top:0;right:0;bottom:0;left:0;opacity:.9}.owl-3d-orbit{width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.owl-3d-orbit.orbit-one{transform:rotateX(74deg)}.owl-3d-orbit.orbit-two{width:250px;height:250px;border-color:#ffd28138;transform:rotateY(78deg)}.owl-stage-3d{width:320px;height:330px;display:flex;align-items:center;justify-content:center}.owl-3d-shell{position:relative;width:196px;height:226px}.owl-3d-ear{top:6px;width:52px;height:52px;border-radius:10px 10px 24px 24px;background:linear-gradient(180deg,#ffe093b3,#5435d373)}.owl-3d-ear.left{left:22px;transform:rotate(-32deg)}.owl-3d-ear.right{right:22px;transform:rotate(32deg)}.owl-3d-face{position:absolute;top:26px;right:0;bottom:0;left:0;border-radius:44% 44% 46% 46%;background-image:var(--owl3d-glow);box-shadow:inset 0 -18px 32px #100b416b,0 34px 90px #0000006b}.owl-3d-disc{top:42px;width:76px;height:96px;border-radius:50%;background:#fff7e22e;box-shadow:inset 0 0 0 1px #fff0d71a}.owl-3d-disc.left,.owl-3d-eye-ring.left{left:20px}.owl-3d-disc.right,.owl-3d-eye-ring.right{right:20px}.owl-3d-eye-ring{top:60px;width:52px;height:52px;border-radius:50%;background:#fff8ea1f;box-shadow:inset 0 0 0 4px var(--owl3d-ring)}.owl-3d-eye{top:50%;left:50%;width:18px;height:18px;transform:translate(-50%,-50%) scaleY(var(--owl3d-eye-scale));transform-origin:center;border-radius:50%;background:var(--owl3d-iris)}.owl-3d-beak{left:50%;top:104px;width:30px;height:24px;transform:translate(-50%);clip-path:polygon(50% 100%,0 0,100% 0);background:linear-gradient(180deg,#ffd06f,var(--owl3d-beak))}.owl-3d-ring{top:12px;right:12px;bottom:12px;left:12px;border-radius:44% 44% 42% 42%;border:1px solid rgba(255,255,255,.14)}.owl-3d-ring.outer{top:-8px;right:-8px;bottom:-8px;left:-8px;border-color:var(--owl3d-ring)}.owl-3d-pedestal{left:50%;bottom:-18px;width:150px;height:24px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#fff3,#553db54d);filter:blur(.4px)}.avatar-preview-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.avatar-preview-note-grid div{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.avatar-preview-note-grid strong{color:#fff7eb;font-size:13px}.avatar-preview-note-grid span{color:#f0edffc2;font-size:13px}.avatar-preview-summary{display:grid;grid-template-columns:1.15fr .9fr;gap:28px}.avatar-preview-compare-table{display:grid;gap:10px}.avatar-preview-compare-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--avatar-surface-strong);border:1px solid rgba(32,22,16,.06)}.avatar-preview-compare-row span{color:#5b4e44;font-size:14px}.avatar-preview-compare-row strong{color:#24160f;font-size:14px}@media (max-width: 980px){.avatar-preview-header,.avatar-preview-question-panel,.avatar-preview-grid,.avatar-preview-summary,.avatar-preview-note-grid{display:grid;grid-template-columns:1fr}.avatar-preview-header,.avatar-preview-question-actions{align-items:start}}@media (max-width: 720px){.avatar-preview-page{padding:20px 14px 40px}.avatar-preview-question-panel,.avatar-preview-card,.avatar-preview-summary{padding:18px;border-radius:24px}.avatar-preview-stage{min-height:420px}.avatar-preview-speech{position:relative;top:0;left:0;margin:18px 18px 0;max-width:none}.avatar-preview-compare-row{flex-direction:column;align-items:start}}.icon-graph-preview{min-height:100vh;padding:28px 18px 44px;background:radial-gradient(circle at 12% 8%,rgba(237,159,45,.22),transparent 26%),radial-gradient(circle at 88% 0%,rgba(45,102,237,.2),transparent 32%),linear-gradient(165deg,#f5efe5,#eef2fb 52%,#eaf3f6)}.icon-graph-preview__shell{width:min(1240px,100%);margin:0 auto}.icon-graph-preview__header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.icon-graph-preview__header p{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:#a15f12;margin:0 0 8px}.icon-graph-preview__header h1{margin:0;font-size:clamp(2rem,5.2vw,3.4rem);line-height:1;color:#1c243b;font-family:Cormorant Garamond,serif}.icon-graph-preview__header h2{margin:12px 0 0;max-width:700px;color:#536078;font-size:15px;line-height:1.65;font-weight:500}.icon-graph-preview__header-actions{display:flex;flex-wrap:wrap;gap:10px}.icon-graph-preview__link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.icon-graph-preview__link:hover{transform:translateY(-2px)}.icon-graph-preview__link.secondary{background:#ffffffb3;border:1px solid rgba(28,36,59,.12);color:#22304e}.icon-graph-preview__link.primary{background:linear-gradient(130deg,#1f365f,#20569f);color:#f5fbff;box-shadow:0 10px 22px #13335f33}.icon-graph-preview__switcher{display:inline-flex;gap:10px;padding:8px;border-radius:18px;background:#ffffff8f;border:1px solid rgba(28,36,59,.08);margin-bottom:20px}.icon-graph-preview__switcher button{border:none;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;color:#4a5a76;background:transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease}.icon-graph-preview__switcher button.active{background:#1f365f;color:#eff5ff}.icon-graph-preview__icons-section,.icon-graph-preview__graphs-section{display:grid;gap:18px}.icon-graph-preview__card{border-radius:26px;padding:20px;background:#ffffffd6;border:1px solid rgba(28,36,59,.08);box-shadow:0 22px 70px #16203a1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-graph-preview__card h3{margin:0 0 6px;color:#19213a;font-size:25px;font-family:Cormorant Garamond,serif}.icon-graph-preview__card p{margin:0 0 12px;color:#596684;font-size:14px;line-height:1.65}.icon-graph-preview__icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.icon-graph-preview__icon-tile{display:grid;justify-items:center;gap:8px;padding:12px 10px;border-radius:14px;border:1px solid rgba(28,36,59,.09);background:#fffc}.icon-graph-preview__icon-wrap{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#204f98;background:linear-gradient(150deg,#f2f6ff,#e4eeff)}.icon-graph-preview__icon-tile span{font-size:12px;font-weight:700;text-align:center;color:#2d3b59}.icon-graph-preview__chart-wrap{width:100%;height:330px;border-radius:18px;border:1px solid rgba(28,36,59,.08);background:#fffffff0;padding:14px 10px 2px}@media (max-width: 920px){.icon-graph-preview__header{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.icon-graph-preview{padding:16px 12px 32px}.icon-graph-preview__card{padding:14px;border-radius:18px}.icon-graph-preview__chart-wrap{height:260px}.icon-graph-preview__icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-ext-600-normal-BMhMHfrj.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-600-normal-CsIYWmWK.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-vietnamese-600-normal-BoXdMtcr.woff2) format("woff2"),url(/assets/cormorant-garamond-vietnamese-600-normal-C4HEjEaf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.mascot-preview{min-height:100vh;padding:32px 18px 48px;background:radial-gradient(circle at 12% 10%,rgba(44,142,255,.22),transparent 24%),radial-gradient(circle at 88% 0%,rgba(18,203,173,.2),transparent 28%),linear-gradient(155deg,#eff7ff,#fffdf6 52%,#eefbf6);color:#16324c;font-family:Manrope,sans-serif}.mascot-preview__shell{width:min(1240px,100%);margin:0 auto}.mascot-preview__header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}.mascot-preview__copy{max-width:720px}.mascot-preview__eyebrow,.mascot-preview__stage-label,.mascot-preview__loading-topline{margin:0 0 12px;text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;color:#1177ae}.mascot-preview h1,.mascot-preview h2,.mascot-preview h3{margin:0;font-family:Cormorant Garamond,serif;letter-spacing:-.03em}.mascot-preview h1{font-size:clamp(2.6rem,6vw,4.8rem);line-height:.96}.mascot-preview__intro,.mascot-preview__panel p,.mascot-preview__note,.mascot-preview__step{color:#55748f;font-size:15px;line-height:1.72}.mascot-preview__actions{display:flex;flex-wrap:wrap;gap:10px}.mascot-preview__link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.mascot-preview__link:hover{transform:translateY(-2px)}.mascot-preview__link.primary{color:#f4fcff;background:linear-gradient(135deg,#0a4f7d,#0f7bb6);box-shadow:0 14px 28px #0f7bb633}.mascot-preview__link.secondary{color:#18374f;background:#ffffffbd;border:1px solid rgba(24,55,79,.12)}.mascot-preview__hero,.mascot-preview__loading-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;margin-bottom:20px}.mascot-preview__panel{position:relative;overflow:hidden;border-radius:30px;padding:24px;background:#ffffffc7;border:1px solid rgba(21,59,88,.08);box-shadow:0 26px 72px #1136581f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mascot-preview__panel--copy{display:flex;flex-direction:column;gap:16px}.mascot-preview__badge{width:fit-content;padding:8px 12px;border-radius:999px;background:#1177ae1a;color:#0e6ea1;font-size:12px;font-weight:700}.mascot-preview__badge.is-alt{background:#11b58d1a;color:#0d8d6d}.mascot-preview h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1;color:#16324c}.mascot-preview__note-list,.mascot-preview__steps{display:grid;gap:10px}.mascot-preview__note,.mascot-preview__step{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:18px;background:#f4fbffe6;border:1px solid rgba(17,119,174,.08)}.mascot-preview__note:before,.mascot-preview__step-dot{flex:0 0 auto;width:10px;height:10px;margin-top:8px;border-radius:999px;background:linear-gradient(135deg,#14c6df,#0f78b4);box-shadow:0 0 0 6px #14c6df1f}.mascot-preview__note:before{content:""}.mascot-preview__panel--stage,.mascot-preview__panel--loading{padding:20px}.mascot-preview__stage,.mascot-preview__loading-screen{position:relative;overflow:hidden;border-radius:26px}.mascot-preview__stage{min-height:430px;padding:26px;background:radial-gradient(circle at top center,rgba(255,255,255,.96),rgba(255,255,255,.2) 26%,transparent 52%),linear-gradient(180deg,#f6fcff,#cfe9ff 52%,#b2ddff)}.mascot-preview__stage:before,.mascot-preview__loading-screen:before{content:"";position:absolute;inset:auto -10% 0;height:34%;background:radial-gradient(circle at 25% 30%,rgba(255,255,255,.44),transparent 26%),radial-gradient(circle at 72% 24%,rgba(255,255,255,.38),transparent 24%),linear-gradient(180deg,#228ec81a,#0b7bb624)}.mascot-preview__track{position:absolute;left:8%;right:8%;bottom:90px;height:14px;border-radius:999px;background:linear-gradient(90deg,#0f7bb61f,#0f7bb66b,#0f7bb61f)}.mascot-preview__track--back{bottom:68px;height:7px;left:12%;right:12%;opacity:.4}.mascot-preview__track.is-loading{left:11%;right:11%;bottom:52px;height:10px;background:linear-gradient(90deg,#0a4f7d1a,#0b7bb647,#0a4f7d1a)}.mascot-preview__looper{position:absolute;top:0;right:0;bottom:0;left:0}.mascot-preview__bubble{position:absolute;bottom:118px;left:18%;width:16px;aspect-ratio:1;border-radius:999px;background:#ffffff94;box-shadow:inset 0 0 0 1px #0f7bb626;animation:mascot-bubble 6.6s linear infinite}.mascot-preview__bubble.bubble-two{left:50%;width:11px;animation-delay:-1.9s}.mascot-preview__bubble.bubble-three{left:76%;width:13px;animation-delay:-3.4s}.mascot-preview__walker{position:absolute;left:7%;bottom:52px;width:clamp(170px,28vw,260px);animation:mascot-route 6.8s cubic-bezier(.6,.02,.2,1) infinite}.mascot-preview__image{display:block;width:100%;mix-blend-mode:multiply;filter:saturate(1.05) contrast(1.02) drop-shadow(0 16px 20px rgba(18,97,141,.16));transform-origin:50% 86%;animation:mascot-stride .8s ease-in-out infinite}.mascot-preview__shadow{position:absolute;left:18%;right:16%;bottom:8px;height:24px;border-radius:999px;background:#184d702e;filter:blur(8px);animation:mascot-shadow 6.8s cubic-bezier(.6,.02,.2,1) infinite}.mascot-preview__loading-screen{min-height:440px;padding:28px 24px 24px;background:radial-gradient(circle at top center,rgba(255,255,255,.98),rgba(255,255,255,.42) 25%,transparent 56%),linear-gradient(180deg,#f7fcff,#e8f8ff 58%,#eefaf7)}.mascot-preview__loading-glow{position:absolute;inset:24px auto auto 50%;width:220px;height:220px;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(24,198,223,.18) 0%,rgba(24,198,223,.06) 42%,transparent 68%);filter:blur(4px)}.mascot-preview__loading-screen h3{position:relative;z-index:1;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;color:#15324b}.mascot-preview__loading-screen p{position:relative;z-index:1;max-width:420px;margin:10px 0 0}.mascot-preview__loading-stage{position:relative;min-height:210px;margin:22px 0 18px}.mascot-preview__loading-stage .mascot-preview__walker{bottom:10px;width:clamp(130px,22vw,190px);animation-duration:6.2s}.mascot-preview__loading-stage .mascot-preview__shadow{height:18px}.mascot-preview__loading-stage .mascot-preview__bubble{bottom:76px}.mascot-preview__looper.is-compact .mascot-preview__bubble{animation-duration:5.8s}.mascot-preview__progress{display:flex;gap:10px}.mascot-preview__progress span{width:14px;height:14px;border-radius:999px;background:#0f7bb62e;animation:mascot-progress 1.3s ease-in-out infinite}.mascot-preview__progress span:nth-child(2){animation-delay:.18s}.mascot-preview__progress span:nth-child(3){animation-delay:.36s}@keyframes mascot-route{0%{left:6%;transform:translateY(0) scaleX(1)}34%{left:58%;transform:translateY(0) scaleX(1)}42%{left:70%;transform:translateY(-30px) rotate(-4deg) scaleX(1)}50%{left:74%;transform:translateY(0) rotate(0) scaleX(1)}54%{left:74%;transform:translateY(0) scaleX(-1)}to{left:7%;transform:translateY(0) scaleX(-1)}}@keyframes mascot-stride{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-6px) rotate(-1.8deg) scale(1.01,.995)}50%{transform:translateY(0) rotate(.8deg) scale(.995,1.01)}75%{transform:translateY(-5px) rotate(1.6deg) scale(1.01,.99)}}@keyframes mascot-shadow{0%,34%,50%,54%,to{transform:scale(1);opacity:.18}42%{transform:scale(.78);opacity:.08}}@keyframes mascot-bubble{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:.8}to{transform:translateY(-72px) scale(1.12);opacity:0}}@keyframes mascot-progress{0%,to{transform:translateY(0);opacity:.34}50%{transform:translateY(-8px);opacity:1;background:#0f7bb6e6}}@media (max-width: 980px){.mascot-preview__header,.mascot-preview__hero,.mascot-preview__loading-grid{grid-template-columns:1fr;display:grid}.mascot-preview__header{align-items:flex-start}}@media (max-width: 720px){.mascot-preview{padding:18px 12px 32px}.mascot-preview__panel{padding:18px;border-radius:22px}.mascot-preview__stage{min-height:350px;padding:18px}.mascot-preview__loading-screen{min-height:380px;padding:22px 18px 18px}.mascot-preview__walker{width:min(180px,48vw)}}.onb-page{display:flex;height:100vh;overflow:hidden;font-family:Jost,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.onb-loading-full{width:100%;display:flex;align-items:center;justify-content:center}.onb-left{width:42%;height:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.onb-left-brand{position:absolute;top:32px;left:32px;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px;z-index:1}.onb-avatar-wrapper{position:relative;width:320px;height:320px;flex-shrink:0;margin-right:auto;margin-left:16px;margin-top:90px}.onb-avatar-wrapper--desktop{display:flex}.onb-avatar-wrapper--mobile{display:none}.onb-speech-bubble{position:absolute;top:-82px;left:65%;transform:translate(-50%);z-index:10;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;padding:12px 18px;font-size:15px;font-weight:500;color:#2d3748;min-width:160px;max-width:280px;width:max-content;line-height:1.5;box-shadow:0 4px 20px #0000001f;word-break:break-word}.onb-speech-bubble span{white-space:pre-wrap;word-break:break-word}.onb-bubble-cursor{display:inline-block;width:2px;height:1em;background:#4299e1;border-radius:1px;margin-left:2px;vertical-align:middle;animation:onbBlink .7s steps(1) infinite}.onb-speech-bubble--error{color:#e53e3e}.onb-speech-bubble--error .onb-bubble-cursor{background:#e53e3e}@keyframes onbBlink{0%,to{opacity:1}50%{opacity:0}}.onb-speech-bubble:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #ffffff}.onb-speech-bubble:before{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:11px solid #e2e8f0}.onb-avatar-frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.onb-avatar-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s ease}.onb-avatar-video--active{opacity:1}.onb-anim-caption{font-size:18px;font-weight:600;color:#ffffffeb;margin:24px 0 0;text-align:center;min-height:28px;transition:opacity .3s ease;z-index:1}.onb-skill-badge{margin-top:14px;background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:8px 22px;z-index:1}.onb-skill-badge span{font-size:14px;font-weight:600;color:#ffffffe6}.onb-progress-dots{position:absolute;bottom:36px;display:flex;gap:8px;z-index:1}.onb-dot{width:8px;height:8px;border-radius:50%;background:#ffffff47;transition:all .35s ease}.onb-dot--active{background:#fff;width:26px;border-radius:4px}.onb-right{flex:1;height:100%;background:#fff;overflow-y:auto;display:flex;flex-direction:column}.onb-right-inner{max-width:560px;margin:0 auto;padding:52px 44px 48px;width:100%;display:flex;flex-direction:column;min-height:100%}.onb-right-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.onb-header-titles{margin-bottom:32px}.onb-title{font-size:24px;font-weight:700;color:#2d3748;margin:0 0 4px;letter-spacing:-.5px}.onb-subtitle{font-size:14px;color:#718096;margin:0}.onb-close-btn{background:#4299e114;border:none;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#4299e1;transition:all .2s ease;flex-shrink:0}.onb-close-btn:hover{background:#4299e12e;transform:rotate(90deg)}.onb-progress-container{flex:1;display:flex;align-items:center;gap:12px}.onb-progress-bar{flex:1;height:8px;background:#4299e11a;border-radius:10px;overflow:hidden}.onb-progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#63b3ed);border-radius:10px;transition:width .45s cubic-bezier(.4,0,.2,1)}.onb-progress-text{font-size:13px;font-weight:600;color:#4299e1;white-space:nowrap}.onb-step{flex:1;margin-bottom:12px;animation:onbStepIn .3s ease-out}@keyframes onbStepIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.onb-step-title{font-size:20px;font-weight:600;color:#2d3748;margin:0 0 28px}.onb-question-group{margin-bottom:28px}.onb-question-label{display:block;font-size:18px;font-weight:700;color:#1a202c;margin-bottom:16px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.3}.onb-option-group{display:flex;flex-direction:column;gap:14px}.onb-option-btn{width:100%;padding:18px 22px;background:#4299e10a;border:2px solid rgba(66,153,225,.18);border-radius:14px;font-size:17px;font-weight:600;color:#2d3748;cursor:pointer;transition:all .2s ease;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-align:center;letter-spacing:.1px}.onb-option-btn:hover{background:#4299e11a;border-color:#4299e166;color:#2d3748;transform:translateY(-1px)}.onb-option-btn.selected{background:#4299e11f;border-color:#4299e1;color:#2b6cb0;font-weight:700;box-shadow:0 2px 12px #4299e12e}.onb-info-note{margin-top:14px;padding:11px 15px;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:10px;font-size:13px;color:#78350f;font-weight:500;line-height:1.55;font-family:Manrope,sans-serif}.onb-goal-input{font-size:15px!important;padding:16px 18px!important;resize:none;overflow:hidden;min-height:56px;field-sizing:content}.onb-goal-hint{margin-top:7px;font-size:12px;color:#a0aec0;text-align:right;font-family:Manrope,sans-serif}.onb-review-item--goal{align-items:flex-start;gap:6px}.onb-review-value--goal{font-style:italic;color:#2b6cb0;font-weight:600}.onb-text-input{width:100%;padding:14px 16px;border:2px solid rgba(66,153,225,.18);border-radius:12px;font-size:14px;color:#2d3748;background:#4299e105;outline:none;transition:border-color .2s ease,box-shadow .2s ease;font-family:Jost,sans-serif}.onb-text-input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.onb-empty-note{font-size:14px;color:#718096;text-align:center;padding:32px 0}.onb-review-section{background:#4299e10a;border:1px solid rgba(66,153,225,.12);border-radius:16px;padding:20px 24px;margin-bottom:16px}.onb-review-subtitle{font-size:11px;font-weight:700;color:#4299e1;text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px}.onb-review-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(66,153,225,.08)}.onb-review-item:last-child{border-bottom:none;padding-bottom:0}.onb-review-label{font-size:14px;color:#718096}.onb-review-value{font-size:14px;font-weight:600;color:#2d3748;text-transform:capitalize}.onb-plan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#f0f7ff,#e8f1fd,#dbeafe);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:44px;z-index:1000;overflow:hidden}.onb-overlay-bg-blob{position:absolute;border-radius:50%;pointer-events:none;animation:blob-drift 6s ease-in-out infinite}.onb-overlay-bg-blob--1{width:420px;height:420px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);top:10%;left:20%;transform:translate(-50%,-50%)}.onb-overlay-bg-blob--2{width:340px;height:340px;background:radial-gradient(circle,rgba(96,165,250,.12) 0%,transparent 70%);bottom:10%;right:20%;animation-delay:3s}@keyframes blob-drift{0%,to{transform:scale(1) translate(0)}50%{transform:scale(1.15) translate(10px,-10px)}}.onb-overlay-mascot-wrapper{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.onb-overlay-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(59,130,246,.4);width:220px;height:220px;animation:ring-expand 2.4s ease-out infinite}.onb-overlay-ring:nth-child(2){animation-delay:.8s}.onb-overlay-ring:nth-child(3){animation-delay:1.6s}@keyframes ring-expand{0%{transform:scale(1);opacity:.8}to{transform:scale(1.9);opacity:0}}.onb-overlay-mascot{width:200px;height:200px;border-radius:50%;overflow:hidden;position:relative;z-index:1;box-shadow:0 0 0 3px #3b82f61f,0 0 40px #3b82f64d,0 0 90px #3b82f61f;animation:mascot-breathe 3s ease-in-out infinite}@keyframes mascot-breathe{0%,to{transform:scale(1);box-shadow:0 0 40px #3b82f64d,0 0 90px #3b82f61f}50%{transform:scale(1.03);box-shadow:0 0 55px #3b82f673,0 0 110px #3b82f633}}.onb-overlay-video{width:100%;height:100%;object-fit:cover}.onb-overlay-text-row{display:flex;align-items:center;justify-content:center;gap:14px;animation:phase-text-in .55s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes phase-text-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.onb-overlay-spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(59,130,246,.2);border-top-color:#3b82f6;animation:spin .75s linear infinite;flex-shrink:0}.onb-overlay-phase-text{font-family:Manrope,sans-serif;font-size:22px;font-weight:700;color:#1e3a5f;margin:0;letter-spacing:-.3px}.onb-overlay-phase-dots{display:flex;gap:10px;align-items:center}.onb-overlay-phase-dot{width:8px;height:8px;border-radius:50%;background:#3b82f633;transition:all .4s ease}.onb-overlay-phase-dot.done{background:#3b82f673}.onb-overlay-phase-dot.current{width:28px;border-radius:4px;box-shadow:0 0 12px currentColor;transition:all .4s cubic-bezier(.34,1.56,.64,1)}@media (max-width: 700px){.onb-plan-overlay{gap:36px;padding:0 28px}.onb-overlay-mascot-wrapper{width:170px;height:170px}.onb-overlay-mascot{width:152px;height:152px}.onb-overlay-ring{width:170px;height:170px}.onb-overlay-phase-text{font-size:17px}.onb-overlay-text-row{flex-wrap:wrap;justify-content:center}.onb-overlay-phase-text{text-align:center}}.onb-validation-error{display:flex;align-items:center;gap:10px;background:#f5656512;border:1px solid rgba(245,101,101,.22);border-radius:12px;padding:12px 16px;color:#e53e3e;font-size:14px;margin-bottom:16px;line-height:1.4;animation:onbStepIn .25s ease-out}.onb-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px}.onb-actions-left,.onb-actions-right{min-width:110px;display:flex}.onb-actions-right{justify-content:flex-end}.onb-step-dots{display:flex;align-items:center;gap:8px}.onb-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e0;transition:background .2s ease,width .2s ease,height .2s ease}.onb-dot.active{background:#4299e1;width:20px;border-radius:4px}.onb-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;font-family:Jost,sans-serif}.onb-btn--primary{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;box-shadow:0 3px 14px #4299e14d}.onb-btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#3182ce,#2b6cb0);transform:translateY(-1px);box-shadow:0 5px 20px #4299e166}.onb-btn--primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.onb-btn--secondary{background:#4299e112;color:#4299e1;border:1.5px solid rgba(66,153,225,.2)}.onb-btn--secondary:hover{background:#4299e124}@media (max-width: 900px){.onb-left{width:36%}.onb-avatar-frame{width:240px;height:240px}}@media (max-width: 700px){.onb-page{flex-direction:column;height:auto;min-height:100vh;overflow:auto;background:#f5f7fa}.onb-left,.onb-avatar-wrapper--desktop{display:none}.onb-avatar-wrapper--mobile{display:flex;width:100%;height:auto;min-height:220px;margin:36px auto 10px;flex-direction:column;align-items:center;justify-content:center;position:relative}.onb-avatar-wrapper--mobile .onb-avatar-frame{width:160px;height:160px;position:relative;top:auto;left:auto;margin:0 auto}.onb-avatar-wrapper--mobile .onb-speech-bubble{top:-50px;left:50%;transform:translate(-50%);max-width:300px;width:max-content;min-width:140px}.onb-right{height:auto;flex:1;background:#f5f7fa}.onb-right-inner{padding:32px 24px;min-height:unset}.onb-actions{flex-wrap:wrap;gap:8px;padding-top:12px;margin-top:8px}.onb-actions-left,.onb-actions-right{min-width:0;flex:1 1 0}}.pr-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 64px;gap:0;animation:pr-fade .4s ease forwards}@keyframes pr-fade{0%{opacity:0}to{opacity:1}}.pr-3d-icon{width:56px;height:56px;margin-bottom:4px;object-fit:contain;flex-shrink:0;animation:pr-pop .55s cubic-bezier(.34,1.56,.64,1) both}@keyframes pr-pop{0%{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.pr-lottie-full{width:300px;height:300px;flex-shrink:0}.pr-lottie-placeholder{width:100%;height:100%}.pr-content{text-align:center;max-width:520px;margin-top:16px;animation:pr-slide-up .45s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.1s}.pr-headline{font-family:Manrope,sans-serif;font-size:30px;font-weight:800;color:#1e3a5f;margin:0 0 10px;line-height:1.2;letter-spacing:-.6px}.pr-body{font-family:Manrope,sans-serif;font-size:16px;font-weight:500;color:#4a6580;margin:0;line-height:1.65}.pr-dots-row{display:flex;gap:10px;align-items:center;margin-top:32px;animation:pr-slide-up .4s ease both;animation-delay:.15s}.pr-dot-full{width:8px;height:8px;border-radius:50%;background:#0000001f;transition:all .4s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.pr-dot-full.done{background:#00000040}.pr-dot-full.active{width:28px;border-radius:4px}.pr-bar-outer{position:fixed;bottom:0;left:0;right:0;height:4px;background:#00000014;z-index:9200}.pr-bar-fill{height:100%;width:100%;transform-origin:left;animation:pr-bar-drain linear forwards}@keyframes pr-bar-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes pr-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tl-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#f8faff;z-index:9100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;animation:pr-fade .4s ease forwards}.tl-title{font-family:Manrope,sans-serif;font-size:26px;font-weight:800;color:#1e3a5f;margin:0 0 36px;text-align:center;letter-spacing:-.5px}.tl-list{display:flex;flex-direction:column;width:100%;max-width:380px}.tl-item{display:flex;align-items:flex-start;gap:14px;opacity:0;transform:translate(-18px);animation:tl-item-in .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes tl-item-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}.tl-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding-top:2px}.tl-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.tl-line{width:2px;height:32px;margin:3px 0;border-radius:1px}.tl-text-wrap{padding:0 0 32px}.tl-label{font-family:Manrope,sans-serif;font-size:15px;font-weight:700;color:#1e3a5f;margin:0;line-height:1.3}.tl-btn{margin-top:20px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:50px;padding:16px 44px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:-.2px;box-shadow:0 4px 20px #3b82f659;opacity:0;transform:translateY(20px) scale(.9);animation:tl-btn-in .5s cubic-bezier(.34,1.56,.64,1) forwards;transition:transform .2s ease,box-shadow .2s ease}.tl-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 28px #3b82f680}@keyframes tl-btn-in{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 700px){.pr-lottie-full{width:220px;height:220px}.pr-headline{font-size:24px}.pr-body{font-size:15px}.pr-screen{padding:40px 20px 60px}.tl-title{font-size:22px;margin-bottom:28px}.tl-btn{padding:14px 36px;font-size:15px}}.onb-actions-left:empty{display:none}.onb-actions-left{justify-content:flex-start;order:2}.onb-actions-right{justify-content:flex-end;order:3}.onb-step-dots{order:1;width:100%;justify-content:center;min-width:0;gap:6px;margin-bottom:2px}.onb-btn{padding:11px 16px;font-size:13px;border-radius:10px;gap:6px;white-space:nowrap}.onb-btn svg{width:16px;height:16px}.onb-actions--on-review{flex-wrap:wrap;gap:6px}.onb-actions--on-review .onb-actions-right{flex:1 0 100%;order:0;justify-content:center}.onb-actions--on-review .onb-actions-right .onb-btn--primary{width:100%;justify-content:center}.onb-actions--on-review .onb-step-dots{order:1;width:auto;flex:1}.onb-actions--on-review .onb-actions-left{order:2;flex:0 0 auto}.onb-progress-dots{position:static;margin-top:20px}.onb-left:before,.onb-left:after{display:none}} @media (max-width: 480px){.onb-avatar-wrapper--mobile .onb-avatar-frame{width:140px;height:140px;position:relative;top:auto;left:auto;margin:0 auto}.onb-avatar-wrapper--mobile .onb-speech-bubble{top:-42px;max-width:260px;width:max-content;min-width:130px}.onb-title{font-size:20px}.onb-right-inner{padding:24px 20px}.onb-actions{gap:8px}.onb-btn{padding:10px 14px;font-size:12.5px}.onb-option-btn{min-width:80px;padding:12px;font-size:13px}}.cp-page{max-width:720px;margin:0 auto;padding:36px 24px 48px;display:flex;flex-direction:column;gap:20px}.cp-header{display:flex;align-items:center;gap:16px}.cp-header__icon-wrap{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#4299e1,#3182ce);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 6px 20px #4299e159}.cp-header__title{font-size:1.55rem;font-weight:800;color:#1a202c;line-height:1.2}.cp-header__sub{font-size:.95rem;color:#718096;margin-top:2px;font-weight:500}.cp-sla{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#ebf8ff,#d6ecff);color:#2b6cb0;border:1px solid #90cdf4;border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:500;width:fit-content}.cp-sla svg{flex-shrink:0;color:#3182ce}.cp-chat{background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 10px 40px #4299e11f;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;overflow:hidden}.cp-chat:before{content:"";display:block;height:4px;background:linear-gradient(90deg,#4299e1,#3182ce,#2b6cb0)}.cp-chat__messages{padding:24px 20px;display:flex;flex-direction:column;gap:18px;min-height:340px;max-height:420px;overflow-y:auto;scroll-behavior:smooth}.cp-chat__messages::-webkit-scrollbar{width:5px}.cp-chat__messages::-webkit-scrollbar-thumb{background:#4299e140;border-radius:10px}.cp-msg-row{display:flex;align-items:flex-end;gap:10px}.cp-msg-row--user{flex-direction:row-reverse}.cp-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;box-shadow:0 2px 8px #0000001f}.cp-avatar--support{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.cp-avatar--user{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff}.cp-bubble-wrap{display:flex;flex-direction:column;gap:3px;max-width:72%}.cp-msg-row--user .cp-bubble-wrap{align-items:flex-end}.cp-bubble-wrap__name{font-size:.72rem;font-weight:600;color:#a0aec0;padding-left:4px}.cp-bubble-wrap__time{font-size:.68rem;color:#a0aec0;display:flex;align-items:center;gap:3px;padding:0 4px}.cp-read-icon{color:#4299e1}.cp-bubble{padding:11px 15px;border-radius:18px;font-size:.9rem;line-height:1.55;word-break:break-word}.cp-bubble--support{background:#f0f9ff;color:#374151;border:1px solid #dbeafe;border-bottom-left-radius:4px}.cp-bubble--user{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 14px #3182ce59}.cp-bubble--typing{display:flex;align-items:center;gap:5px;padding:14px 16px}.cp-dot{width:7px;height:7px;border-radius:50%;background:#63b3ed;animation:cp-bounce 1.2s infinite ease-in-out}.cp-dot:nth-child(1){animation-delay:0s}.cp-dot:nth-child(2){animation-delay:.2s}.cp-dot:nth-child(3){animation-delay:.4s}@keyframes cp-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.cp-chat__input-bar{display:flex;align-items:flex-end;gap:10px;padding:14px 16px;border-top:1px solid #e6f2fb;background:#f7fbff}.cp-chat__textarea{flex:1;resize:none;border:1.5px solid #bee3f8;border-radius:14px;padding:10px 14px;font-size:.9rem;font-family:inherit;color:#374151;background:#fff;outline:none;line-height:1.5;max-height:120px;overflow-y:auto;transition:border-color .2s}.cp-chat__textarea:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e12e}.cp-chat__textarea:disabled{opacity:.55;cursor:not-allowed}.cp-chat__send-btn{width:42px;height:42px;border-radius:50%;border:none;background:#dbeafe;color:#a0aec0;display:flex;align-items:center;justify-content:center;cursor:not-allowed;transition:background .2s,color .2s,transform .15s,box-shadow .2s;flex-shrink:0}.cp-chat__send-btn--active{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff;cursor:pointer;box-shadow:0 4px 14px #3182ce66}.cp-chat__send-btn--active:hover{transform:scale(1.08);box-shadow:0 6px 18px #3182ce80}.cp-chat__send-btn--active:active{transform:scale(.96)}.cp-footer-note{text-align:center;font-size:.78rem;color:#a0aec0;padding:0 8px}.cp-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cp-legend__item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#718096;font-weight:500}.cp-legend__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.cp-legend__dot--yellow{background:#ecc94b}.cp-legend__dot--blue{background:#4299e1}.cp-bubble-wrap__meta{display:flex;align-items:center;gap:8px;padding:0 4px}.cp-status{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:999px}.cp-status__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cp-status--yellow{background:#fefcbf;color:#975a16;border:1px solid #f6e05e}.cp-status--yellow .cp-status__dot{background:#ecc94b;box-shadow:0 0 0 2px #ecc94b66;animation:cp-pulse-yellow 2s infinite}.cp-status--blue{background:#ebf8ff;color:#2b6cb0;border:1px solid #90cdf4}.cp-status--blue .cp-status__dot{background:#4299e1;box-shadow:0 0 0 2px #4299e159}@keyframes cp-pulse-yellow{0%,to{box-shadow:0 0 #ecc94b80}50%{box-shadow:0 0 0 4px #ecc94b00}}body[data-bg-theme=dark] .cp-header__title{color:#f1f5f9}body[data-bg-theme=dark] .cp-header__sub{color:#94a3b8}body[data-bg-theme=dark] .cp-sla{background:#4299e129;border-color:#4299e159;color:#90cdf4}body[data-bg-theme=dark] .cp-chat{background:#0c284899;border-color:#4299e142}body[data-bg-theme=dark] .cp-bubble--support{background:#4299e124;border-color:#4299e14d;color:#e2e8f0}body[data-bg-theme=dark] .cp-chat__input-bar{background:#0c2848c7;border-top-color:#4299e147}body[data-bg-theme=dark] .cp-chat__textarea{background:#0a1e37bf;border-color:#4299e159;color:#e2e8f0}body[data-bg-theme=dark] .cp-footer-note{color:#64748b}@media (max-width: 600px){.cp-page{padding:20px 14px 36px}.cp-chat__messages{min-height:280px;max-height:360px}.cp-bubble-wrap{max-width:85%}}.comm-page{min-height:100vh;background:#0a0f1a;color:#e2e8f0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.comm-container{max-width:1100px;margin:0 auto;padding:0 40px}.comm-btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:700;border-radius:12px;text-decoration:none;transition:opacity .2s,transform .15s}.comm-btn:hover{opacity:.88;transform:translateY(-1px)}.comm-btn:active{transform:translateY(0)}.comm-btn--primary{background:#4299e1;color:#fff;padding:14px 28px;font-size:15px}.comm-btn--ghost{background:#ffffff12;color:#e2e8f0;padding:14px 28px;font-size:15px;border:1px solid rgba(255,255,255,.12)}.comm-btn--sm{background:#4299e1;color:#fff;padding:10px 22px;font-size:14px}.comm-header{display:flex;justify-content:space-between;align-items:center;padding:18px 48px;background:#0a0f1aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:100}.comm-header__collab-img{height:38px;width:auto;object-fit:contain}.comm-header__nav{display:flex;align-items:center;gap:36px}.comm-header__nav a{text-decoration:none;color:#a0aec0;font-size:14px;font-weight:600;transition:color .2s}.comm-header__nav a:hover,.comm-header__nav a.active{color:#e2e8f0}.comm-hero{padding:100px 48px 80px;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(66,153,225,.18) 0%,transparent 70%)}.comm-hero__inner{max-width:760px;margin:0 auto}.comm-hero__badge{display:inline-flex;align-items:center;gap:7px;background:#4299e126;border:1px solid rgba(66,153,225,.35);color:#63b3ed;font-size:13px;font-weight:700;padding:6px 14px;border-radius:99px;letter-spacing:.3px;margin-bottom:28px}.comm-hero__heading{font-size:52px;font-weight:800;line-height:1.15;letter-spacing:-1px;color:#fff;margin-bottom:22px}.comm-hero__sub{font-size:17px;line-height:1.75;color:#a0aec0;margin-bottom:36px}.comm-hero__sub strong{color:#e2e8f0}.comm-hero__ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}.comm-hero__collab-banner{max-width:560px;width:100%;border-radius:20px;box-shadow:0 24px 80px #00000080}.comm-section{padding:80px 0}.comm-section--alt{background:#ffffff06}.comm-section--vision{background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(66,153,225,.12) 0%,transparent 70%);text-align:center}.comm-section__heading{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:48px;text-align:center}.comm-label{display:block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#4299e1;margin-bottom:14px}.comm-label--center{text-align:center}.comm-label--light{color:#63b3ed}.comm-vault-intro{display:grid;grid-template-columns:220px 1fr;gap:64px;align-items:flex-start}.comm-vault-intro__logo-wrap{display:flex;align-items:center;justify-content:center;background:#ffffff0a;border-radius:24px;padding:32px;border:1px solid rgba(255,255,255,.08)}.comm-vault-intro__logo{width:100%;max-width:160px;height:auto;object-fit:contain}.comm-vault-intro__text h2{font-size:32px;font-weight:800;color:#fff;margin-bottom:16px;letter-spacing:-.4px}.comm-vault-intro__text p{font-size:16px;line-height:1.8;color:#a0aec0;margin-bottom:14px}.comm-pillars{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.comm-pillar{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s}.comm-pillar:hover{border-color:#4299e159;transform:translateY(-2px)}.comm-pillar__icon{width:40px;height:40px;background:#4299e126;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#63b3ed;margin-bottom:14px}.comm-pillar h4{font-size:15px;font-weight:700;color:#e2e8f0;margin-bottom:8px}.comm-pillar p{font-size:14px;line-height:1.65;color:#718096}.comm-audience{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.comm-audience__tag{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:99px;padding:10px 20px;font-size:14px;font-weight:600;color:#cbd5e0;transition:background .2s}.comm-audience__tag:hover{background:#4299e11f}.comm-audience__dot{width:7px;height:7px;border-radius:50%;background:#4299e1;flex-shrink:0}.comm-diff{display:grid;grid-template-columns:1fr 40px 1fr;gap:40px;align-items:start}.comm-diff__divider{width:1px;background:#ffffff1a;height:100%;justify-self:center}.comm-diff .comm-label{margin-bottom:20px}.comm-diff__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.comm-diff__list li{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6}.comm-diff__list--no li{color:#718096}.comm-diff__list--no li:before{content:"✗";color:#fc8181;font-size:13px;margin-top:2px;flex-shrink:0}.comm-diff__list--yes li{color:#cbd5e0}.comm-diff__list--yes li:before{content:"✓";color:#68d391;font-size:13px;margin-top:2px;flex-shrink:0}.comm-offers{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}.comm-offer{display:flex;gap:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s}.comm-offer:hover{border-color:#4299e14d;transform:translateY(-2px)}.comm-offer__letter{width:44px;height:44px;min-width:44px;border-radius:12px;background:color-mix(in srgb,var(--oc) 18%,transparent);border:1px solid color-mix(in srgb,var(--oc) 40%,transparent);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--oc)}.comm-offer__body h4{font-size:15px;font-weight:700;color:#e2e8f0;margin-bottom:8px}.comm-offer__body p{font-size:14px;line-height:1.65;color:#718096}.comm-vision{max-width:700px;margin:0 auto}.comm-vision h2{font-size:36px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:20px}.comm-vision p{font-size:16px;line-height:1.8;color:#a0aec0;margin-bottom:16px}.comm-vision .comm-btn{margin-top:12px}.comm-footer{border-top:1px solid rgba(255,255,255,.07);padding:40px 0}.comm-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.comm-footer__brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#e2e8f0;text-decoration:none}.comm-footer__brand-icon{width:34px;height:34px;background:#4299e1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.comm-footer__copy{font-size:13px;color:#4a5568}.comm-footer__links{display:flex;gap:24px}.comm-footer__links a{text-decoration:none;font-size:13px;color:#718096;transition:color .2s}.comm-footer__links a:hover{color:#e2e8f0}@media (max-width: 768px){.comm-header{padding:16px 20px}.comm-header__nav{display:none}.comm-hero{padding:72px 20px 60px}.comm-hero__heading{font-size:34px}.comm-container{padding:0 20px}.comm-vault-intro{grid-template-columns:1fr;gap:32px}.comm-diff{grid-template-columns:1fr}.comm-diff__divider{display:none}.comm-section__heading{font-size:26px}.comm-offers,.comm-pillars{grid-template-columns:1fr}}.prod-page{background:#0a0a0a;color:#e2e8f0;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.prod-hero__badge{display:inline-flex;align-items:center;gap:7px;background:#4299e11f;border:1px solid rgba(66,153,225,.3);color:#63b3ed;font-size:12px;font-weight:700;padding:5px 13px;border-radius:99px;letter-spacing:.4px;margin-bottom:24px}.prod-section{padding:96px 48px;border-top:1px solid rgba(255,255,255,.05)}.prod-section--rev .prod-section__inner{direction:rtl}.prod-section--rev .prod-section__inner>*{direction:ltr}.prod-section__inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}.prod-tag{display:inline-flex;align-items:center;gap:7px;background:var(--accent-light);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent);font-size:12px;font-weight:700;padding:5px 13px;border-radius:99px;letter-spacing:.4px;margin-bottom:20px}.prod-section__h2{font-size:36px;font-weight:800;line-height:1.2;letter-spacing:-.5px;color:#fff;margin-bottom:16px}.prod-section__sub{font-size:16px;line-height:1.8;color:#a0aec0;margin-bottom:28px}.prod-points{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}.prod-points li{display:flex;align-items:flex-start;gap:11px;font-size:15px;line-height:1.6;color:#cbd5e0}.prod-points__icon{color:var(--accent);flex-shrink:0;margin-top:2px}.prod-cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:10px;padding:13px 26px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .15s}.prod-cta-btn:hover{opacity:.88;transform:translateY(-1px)}.prod-cta-btn--lg{padding:16px 32px;font-size:16px;background:#4299e1}.prod-section__outcomes{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:0}.prod-outcomes__label{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);margin-bottom:20px}.prod-outcome{display:flex;gap:16px;align-items:flex-start;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.06)}.prod-outcome:last-child{border-bottom:none;padding-bottom:0}.prod-outcome:first-of-type{padding-top:0}.prod-outcome__emoji{font-size:26px;flex-shrink:0;line-height:1}.prod-outcome__title{font-size:15px;font-weight:700;color:#e2e8f0;margin-bottom:4px}.prod-outcome__desc{font-size:13px;line-height:1.6;color:#718096}.prod-final-cta{padding:100px 48px;text-align:center;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(66,153,225,.1) 0%,transparent 70%);border-top:1px solid rgba(255,255,255,.05)}.prod-final-cta__inner{max-width:620px;margin:0 auto}.prod-final-cta__icon{color:#4299e1;margin-bottom:20px}.prod-final-cta h2{font-size:36px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:16px}.prod-final-cta p{font-size:16px;line-height:1.8;color:#a0aec0;margin-bottom:32px}.prod-footer{border-top:1px solid rgba(255,255,255,.07);padding:40px 48px}.prod-footer__inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.prod-footer__inner p{font-size:13px;color:#4a5568}.prod-footer__links{display:flex;gap:20px}@media (max-width: 768px){.prod-section{padding:64px 20px}.prod-section__inner{grid-template-columns:1fr;gap:40px}.prod-section--rev .prod-section__inner{direction:ltr}.prod-section__h2{font-size:28px}.prod-final-cta{padding:72px 20px}.prod-footer{padding:32px 20px}.prod-footer__inner{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}@media (max-width: 768px){input,select,textarea{font-size:16px!important}}:root{--ss-font-app: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--ss-font-legacy-ui: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif}body{font-family:var(--ss-font-app);background:#f5f7fa;min-height:100vh;color:#2d3748}body :not(button):not([role=button]):not(input[type=button]):not(input[type=submit]):not(input[type=reset]){font-family:var(--ss-font-app)!important}button,[role=button],input[type=button],input[type=submit],input[type=reset],.prog-sh-badge,.prog-sh-badge *,.section-icon-badge,.section-icon-badge *,.section-badge-label,.section-badge-label *,[class*=section-marker],[class*=section-marker] *{font-family:var(--ss-font-legacy-ui)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7180964d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#71809680}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#f5f7fa;gap:16px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;min-height:400px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(66,153,225,.1);border-top-color:#4299e1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.app-loading p{font-size:15px;color:#718096}@keyframes btn-ripple{0%{transform:scale(0);opacity:.55}80%{transform:scale(2.8);opacity:.18}to{transform:scale(3.2);opacity:0}}button:not(.no-btn-anim),[role=button]:not(.no-btn-anim){position:relative;overflow:hidden;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .14s ease,box-shadow .18s ease}button:not(.no-btn-anim):hover,[role=button]:not(.no-btn-anim):hover{filter:brightness(.88) saturate(1.1);transform:translateY(-1px)}button:not(.no-btn-anim):active,[role=button]:not(.no-btn-anim):active{filter:brightness(.78) saturate(1.2);transform:translateY(0) scale(.97)}button.btn-rippling:after,[role=button].btn-rippling:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;background:#1d4ed859;top:var(--ripple-y, 50%);left:var(--ripple-x, 50%);transform:translate(-50%,-50%) scale(0);animation:btn-ripple .46s ease-out forwards;pointer-events:none}
