.scroll-content{background:var(--bg-app) url(../../../images/bg.jpg) top center/100% auto no-repeat}.scroll-content:after{content:"";background:linear-gradient(to bottom, transparent 30%, var(--bg-app) 95%);pointer-events:none;z-index:-1;width:100%;height:400px;position:absolute;top:0;left:0}.hero-greeting{background:0 0;padding:50px 20px 0}.hero-greeting h2{color:var(--title);font-size:18px;font-family:var(--font_b);line-height:1.2}.hero-greeting h2 span{color:var(--primary)}.hero-greeting p{color:var(--text-sub);margin-top:4px;font-size:14px;line-height:1.5}.journey-card{background:var(--white);box-shadow:var(--shadow-card);border-radius:18px;align-items:center;gap:14px;margin:14px 18px 0;padding:16px;display:flex;position:relative;overflow:hidden}.journey-card:before{content:"";pointer-events:none;z-index:0;background:url(../../../images/leaf.png) 100% 100%/contain no-repeat;width:100px;height:100px;position:absolute;bottom:0;right:10px}.journey-ring{z-index:1;flex-shrink:0;width:72px;height:72px;position:relative}.journey-ring svg{width:72px;height:72px;transform:rotate(-90deg)}.journey-ring .ring-bg{fill:none;stroke:var(--border);stroke-width:5px}.journey-ring .ring-fill{fill:none;stroke:var(--primary);stroke-width:5px;stroke-linecap:round;stroke-dasharray:138.2;stroke-dashoffset:82.9px;transition:stroke-dashoffset 1s var(--ease)}.journey-ring .ring-pct{font-family:var(--font_b);color:var(--primary);justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.journey-info{z-index:1;flex:1;min-width:0;max-width:56%;position:relative}.journey-info h5{color:var(--title);font-size:14px;font-family:var(--font_m);margin-bottom:5px}.journey-info small{color:var(--text-sub);font-size:13px}.progress-row{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.progress-bar{background:var(--border);border-radius:99px;flex:1;height:6px;margin-right:10px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);width:40%;height:100%;transition:width 1s var(--ease);border-radius:99px;display:block}.progress-row small{font-family:var(--font_b);color:var(--primary);flex-shrink:0;font-size:11px}.btn-journey{background:var(--primary);color:var(--white);font-size:12px;font-family:var(--font_m);transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:99px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:10px;display:inline-flex}.btn-journey:active{box-shadow:var(--shadow-md);color:var(--white);transform:scale(.97)}.section-head{justify-content:space-between;align-items:baseline;padding:25px 20px 15px;display:flex}.section-head h3{color:var(--title);margin-bottom:10px;font-size:16px}.section-head p{color:var(--text-sub);margin-top:3px;font-size:13px}.link-more{color:var(--primary);white-space:nowrap;transition:opacity var(--t) var(--ease);align-items:center;gap:2px;font-size:12px;display:flex}.link-more:active{opacity:.6;color:var(--primary)}.gems-grid{flex-wrap:wrap;justify-content:center;gap:10px;padding:0 18px;display:flex}.gems-grid>.card-item{flex-grow:1;width:calc(33.3333% - 6.66667px)}.card-item{background:var(--white);text-align:center;cursor:pointer;box-shadow:var(--shadow-card);transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:16px;flex-direction:column;align-items:center;padding:14px 10px 12px;display:flex;position:relative;overflow:hidden}.card-item:active{box-shadow:var(--shadow-md);transform:scale(.96)}.card-icon{width:50px;height:50px;color:var(--white);background:linear-gradient(135deg, var(--primary-light) 0%, var(--primary) 100%);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;font-size:20px;display:flex}.card-icon.blue{background:linear-gradient(135deg,#4a90d9 0%,#2b63c3 100%)}.card-icon.indigo{background:linear-gradient(135deg,#5d7ae0 0%,#3a52c9 100%)}.card-icon.red{background:linear-gradient(135deg,#f16a6a 0%,#d93b3b 100%)}.card-icon.green{background:linear-gradient(135deg,#44c97a 0%,#28a05a 100%)}.card-icon.teal{background:linear-gradient(135deg,#29b5be 0%,#1a8fa0 100%)}.card-item h4{color:var(--title);font-size:14px;font-family:var(--font_b);margin-bottom:2px}.card-item p{color:var(--text-sub);font-size:12px;line-height:1.4}.card-wide{grid-column:span 1}.banner-challenge{box-shadow:var(--shadow-sm);background:url(../../../images/bg2.jpg) 50%/cover no-repeat;border-radius:18px;align-items:center;gap:14px;margin:20px 18px 0;padding:25px 20px 25px 15px;display:flex;position:relative;overflow:hidden}.banner-challenge .icon-drop{background:var(--primary);width:50px;height:50px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:26px;display:flex;box-shadow:0 4px 12px #2b78d44d}.banner-challenge .text h4{color:var(--title);font-size:16px;font-family:var(--font_b)}.banner-challenge .text p{color:var(--text-sub);margin-top:5px;font-size:13px;line-height:1.4}.btn-start{background:var(--primary);color:var(--white);font-size:13px;font-family:var(--font_m);transition:transform var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:99px;align-items:center;gap:6px;margin-top:15px;padding:10px 20px;display:inline-flex}.btn-start:active{color:var(--white);box-shadow:var(--shadow-md);transform:scale(.96)}.banner-challenge .deco-drop{opacity:.2;color:var(--primary);font-size:52px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.section-community{padding:22px 18px 10px}.section-community h3{color:var(--title);margin-bottom:12px;font-size:15px}@keyframes tap-pop{0%{transform:scale(1)}40%{transform:scale(.92)}to{transform:scale(1)}}.card-item:active .card-icon{animation:tap-pop .25s var(--ease)}.ebooks-reading-list{flex-direction:column;gap:12px;padding:0 18px 20px;display:flex}.ebooks-reading-item{background:var(--white);color:inherit;border:1px solid #0000000d;border-radius:12px;align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex;box-shadow:0 2px 8px #0000000a}.ebooks-reading-img{object-fit:cover;border:1px solid #f0f0f0;border-radius:8px;flex-shrink:0;width:56px;height:56px}.ebooks-reading-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.ebooks-reading-title{font-size:13px;font-family:var(--font_b);color:var(--title);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;margin-bottom:6px;overflow:hidden}.ebooks-reading-action{color:var(--gray);margin-bottom:4px;font-size:11px}.ebooks-reading-progress{align-items:center;gap:8px;display:flex}.ebooks-progress-bar{background:#f0f0f0;border-radius:2px;flex:1;height:4px;overflow:hidden}.ebooks-progress-fill{background:#3b5998;border-radius:2px;height:100%}.ebooks-progress-text{font-size:10px;font-family:var(--font_b);color:var(--title);min-width:20px}.welcome{padding:40px 20px 0}.profile-desktop-view,.profile-desktop-view+.portal-desktop-footer{display:none!important}@media (max-width:991.98px){.profile-desktop-view,.profile-desktop-view+.portal-desktop-footer,.app-shell>.eco-desktop-header{display:none!important}}@media (min-width:992px){.profile-mobile-view,.app-shell>.bottom-nav-shell{display:none!important}.profile-desktop-view,.profile-desktop-view+.portal-desktop-footer{display:block!important}.profile-desktop-view{color:#0f172a;background:#f8fafc}.profile-desktop-container{width:min(1360px,100% - 64px);margin:0 auto}.profile-dashboard-head{background:radial-gradient(circle at 85% 0,#bae6fdb3,#0000 28%),linear-gradient(130deg,#f0f9ff,#f8fafc 72%);border-bottom:1px solid #e0f2fe;padding:47px 0 42px}.profile-dashboard-head .profile-desktop-container{justify-content:space-between;align-items:end;gap:24px;display:flex}.profile-desktop-eyebrow{color:#0284c7;font:11px var(--font_b,sans-serif);letter-spacing:.7px;background:#fffc;border:1px solid #bae6fd;border-radius:99px;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.profile-dashboard-head h1{color:#0f172a;font:26px/1.2 var(--font_b,sans-serif);letter-spacing:-.6px;margin:16px 0 9px}.profile-dashboard-head h1 span{color:#0284c7}.profile-dashboard-head p{color:#64748b;font:15px var(--font_m,sans-serif);margin:0}.profile-head-date{color:#64748b;background:#ffffffbf;border:1px solid #e0f2fe;border-radius:13px;align-items:center;gap:12px;padding:12px 16px;display:flex}.profile-head-date>i{color:#0284c7;font-size:20px}.profile-head-date strong{color:#334155;font:13px var(--font_b,sans-serif);display:block}.profile-head-date span{margin-top:3px;font-size:11.5px;display:block}.profile-dashboard-content{padding:34px 0 20px}.profile-overview-grid{grid-template-columns:270px minmax(400px,1fr) 260px;gap:22px;display:grid}.profile-identity-card,.profile-journey-card,.profile-today-card,.profile-reading-panel,.profile-activity-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 15px #0f172a09}.profile-identity-card{text-align:center;align-self:start;padding:25px}.profile-avatar{color:#fff;width:72px;height:72px;font:24px var(--font_b,sans-serif);background:linear-gradient(145deg,#38bdf8,#0284c7);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid;position:relative;box-shadow:0 8px 18px #0284c740}.profile-avatar span{border:3px solid var(--white);background:#22c55e;border-radius:50%;width:16px;height:16px;position:absolute;bottom:4px;right:1px}.profile-identity-card h2{font:19px var(--font_b,sans-serif);margin:0 0 6px}.profile-member-label{color:var(--primary);font-family:var(--font_m);margin:0;font-size:13px}.profile-member-meta{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 1fr;margin:22px 0;padding:17px 0;display:grid}.profile-member-meta>div+div{border-left:1px solid #e2e8f0}.profile-member-meta strong{color:#0f172a;font:21px var(--font_b,sans-serif);display:block}.profile-member-meta span{color:var(--text);font-size:12px}.profile-settings-link{color:#475569;font:12.5px var(--font_m,sans-serif);align-items:center;gap:8px;text-decoration:none;display:flex}.profile-settings-link i:last-child{color:#94a3b8;margin-left:auto}.profile-settings-link:hover{color:#0284c7}.profile-journey-card{padding:25px 28px}.profile-card-heading,.profile-panel-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.profile-card-heading>div>span,.profile-panel-head>div>span{color:#64748b;font:10.5px var(--font_b,sans-serif);letter-spacing:.7px}.profile-card-heading h2,.profile-panel-head h2{color:#0f172a;font:18px var(--font_b,sans-serif);margin:6px 0 0}.profile-card-heading>a{width:34px;height:34px;color:var(--primary);background:var(--primary-bg);border-radius:10px;place-items:center;display:grid}.profile-journey-body{align-items:center;gap:26px;margin-top:25px;display:flex}.profile-progress-ring{flex:none;width:126px;height:126px;position:relative}.profile-progress-ring svg{transform:rotate(-90deg)}.profile-progress-ring circle{fill:none;stroke:#e0f2fe;stroke-width:10px}.profile-progress-ring .profile-progress-value{stroke:#0284c7;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:188px}.profile-progress-ring>div{text-align:center;place-content:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.profile-progress-ring strong{color:#0f172a;font:24px var(--font_b,sans-serif)}.profile-progress-ring span{color:#94a3b8;font-size:10px}.profile-journey-copy{flex:1}.profile-journey-copy h3{font:15px var(--font_b,sans-serif);margin:0 0 8px}.profile-journey-copy p{color:#64748b;margin:0;font-size:12.5px;line-height:1.55}.profile-progress-track{background:#e0f2fe;border-radius:99px;height:8px;margin:17px 0 8px;overflow:hidden}.profile-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#0284c7);width:40%;height:100%;display:block}.profile-progress-caption{color:#94a3b8;justify-content:space-between;font-size:12px;display:flex}.profile-progress-caption strong{color:#f97316}.profile-continue-btn{color:#0284c7;font:12.5px var(--font_b,sans-serif);align-items:center;gap:8px;margin-top:18px;text-decoration:none;display:inline-flex}.profile-today-card{color:#fff;background:radial-gradient(circle at 100% 0,#bae6fd66,#0000 35%),linear-gradient(145deg,#0e7490,#0284c7);padding:25px;position:relative;overflow:hidden}.profile-today-card:after{content:"";border:18px solid #ffffff1c;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-43px;right:-28px}.profile-today-icon{background:#ffffff2e;border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:20px;font-size:20px;display:grid}.profile-today-card>span{color:#bae6fd;font:12px var(--font_b,sans-serif);letter-spacing:.5px}.profile-today-card h2{z-index:1;font:21px/1.3 var(--font_b,sans-serif);color:var(--white);margin:10px 0;position:relative}.profile-today-card p{z-index:1;color:#e0f2fe;font-size:12px;line-height:1.5;position:relative}.profile-today-card a{z-index:1;color:#0e7490;font:12px var(--font_b,sans-serif);background:#fff;border-radius:9px;align-items:center;gap:8px;margin-top:16px;padding:9px 13px;text-decoration:none;display:inline-flex;position:relative}.profile-section-title{margin:50px 0 19px}.profile-section-title span{color:#0284c7;font:10.5px var(--font_b,sans-serif);letter-spacing:.7px}.profile-section-title h2{font:25px var(--font_b,sans-serif);margin:6px 0 0}.profile-quick-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.profile-quick-card{background:var(--white);color:#0f172a;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:15px;padding:20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.profile-quick-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0f172a14}.profile-quick-icon{border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:20px;display:grid}.profile-quick-card h3{font:15px var(--font_b);margin:0 0 4px}.profile-quick-card p{color:var(--text);margin:0;font-size:13px}.profile-quick-arrow{color:var(--white);background:var(--primary);border-radius:50%;margin-left:auto;padding:6px 7px}.profile-quick-card.blue .profile-quick-icon{color:var(--primary);background:var(--primary-bg)}.profile-quick-card.purple .profile-quick-icon,.profile-quick-card.orange .profile-quick-icon{color:var(--primary)!important;background:var(--primary-bg)!important}.profile-lower-grid{grid-template-columns:1.3fr .7fr;gap:22px;margin-top:40px;display:grid}.profile-reading-panel,.profile-activity-panel{padding:25px}.profile-panel-head>a{color:#0284c7;font:12px var(--font_b,sans-serif);text-decoration:none}.profile-reading-list,.profile-activity-list{margin-top:20px}.profile-reading-row{color:#0f172a;grid-template-columns:46px 1fr auto 12px;align-items:center;gap:25px;padding:15px 0;text-decoration:none;display:grid}.profile-reading-row+.profile-reading-row{border-top:1px solid #f1f5f9}.profile-reading-row img{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:56px;height:56px;padding:2px}.profile-reading-row h3{text-overflow:ellipsis;white-space:nowrap;font:14px var(--font_b,sans-serif);margin:0 0 5px;overflow:hidden}.profile-reading-row div>span{color:var(--primary);font-size:13px;font-family:var(--font_m)}.profile-reading-progress{background:#e0f2fe;border-radius:99px;height:8px;margin-top:10px;overflow:hidden}.profile-reading-progress i{background:var(--primary);height:100%;display:block}.profile-reading-row>strong{color:#64748b;font:12px var(--font_b,sans-serif)}.profile-reading-row>i{color:#94a3b8;font-size:12px}.profile-activity-list{gap:17px;display:grid}.profile-activity-list>div{align-items:flex-start;gap:15px;display:flex}.profile-activity-list>div>i{width:44px;height:44px;color:var(--primary);background:#f0f9ff;border-radius:8px;flex:none;place-items:center;font-size:20px;display:grid}.profile-activity-list>div:nth-child(2)>i{color:#7c3aed;background:#f5f3ff}.profile-activity-list>div:nth-child(3)>i{color:#ea580c;background:#fff7ed}.profile-activity-list p{margin:0;line-height:1.7}.profile-activity-list strong{color:#334155;font:14px var(--font_b,sans-serif);display:block}.profile-activity-list span{color:var(--text);margin-top:4px;font-size:13px;display:block}.profile-desktop-view+.portal-desktop-footer{margin-top:40px}}@media (min-width:992px) and (max-width:1160px){.profile-desktop-container{width:min(1360px,100% - 48px)}.profile-overview-grid{grid-template-columns:230px minmax(380px,1fr) 220px;gap:15px}.profile-journey-card{padding:22px}.profile-journey-body{gap:16px}.profile-quick-grid{gap:13px}.profile-lower-grid{grid-template-columns:1.1fr .9fr}}@media (min-width:992px){.profile-desktop-view{background:var(--bg-app);color:var(--text)}.profile-dashboard-head{background:linear-gradient(130deg, var(--sky-bottom), var(--bg-app) 72%);border-bottom-color:var(--border)}.profile-desktop-eyebrow{color:var(--primary);border-color:var(--primary-light);background:var(--white)}.profile-dashboard-head h1,.profile-identity-card h2,.profile-card-heading h2,.profile-journey-copy h3,.profile-section-title h2,.profile-quick-card,.profile-panel-head h2,.profile-reading-row,.profile-activity-list strong{color:var(--title)}.profile-dashboard-head h1 span,.profile-head-date>i,.profile-member-label,.profile-settings-link:hover,.profile-card-heading>a,.profile-continue-btn,.profile-section-title span,.profile-panel-head>a,.profile-reading-row div>span,.profile-reading-progress i,.profile-activity-list>div>i{color:var(--primary)}.profile-dashboard-head p,.profile-head-date,.profile-journey-copy p,.profile-quick-card p,.profile-activity-list span{color:var(--text-sub)}.profile-head-date,.profile-identity-card,.profile-journey-card,.profile-reading-panel,.profile-activity-panel,.profile-quick-card{border-color:var(--border);background:var(--white)}.profile-avatar{background:linear-gradient(145deg, var(--primary-light), var(--primary));box-shadow:var(--shadow-md)}.profile-member-meta,.profile-member-meta>div+div{border-color:var(--border)}.profile-card-heading>a,.profile-quick-card.blue .profile-quick-icon,.profile-activity-list>div>i{background:var(--primary-bg)}.profile-progress-ring circle{stroke:var(--primary-bg)}.profile-progress-ring .profile-progress-value{stroke:var(--primary)}.profile-progress-track{background:var(--primary-bg)}.profile-progress-track span{background:linear-gradient(90deg, var(--primary-light), var(--primary))}.profile-progress-caption strong{color:var(--orange)}.profile-today-card{background:linear-gradient(145deg, var(--primary-dark), var(--primary))}.profile-today-card a{color:var(--primary-dark)}.profile-quick-card.purple .profile-quick-icon{color:var(--secondary);background:color-mix(in srgb, var(--secondary) 12%, var(--white))}.profile-quick-card.orange .profile-quick-icon{color:var(--orange);background:color-mix(in srgb, var(--orange) 12%, var(--white))}.profile-reading-row+.profile-reading-row,.profile-reading-progress{border-color:var(--border)}.profile-reading-progress{background:var(--primary-bg)}}