/* Scoped platform skin. No global theme typography or public layout reset. */
.dpcm-site-header,.dpcm-account-drawer,.dpcm-carousel,.dpcm-design-hero,.dpcm-mobile-bottom,.dpcm-reviews{font-family:Poppins,Arial,sans-serif;color:#081b4b;box-sizing:border-box}
.dpcm-site-header *,.dpcm-account-drawer *,.dpcm-carousel *{box-sizing:border-box}
.dpcm-site-header{display:flex;align-items:center;gap:28px;width:100%;min-height:80px;padding:12px clamp(14px,4vw,64px);background:#fff;border-bottom:1px solid #e0eaf3;box-shadow:0 3px 15px #09225108;position:relative;z-index:30}
.dpcm-site-header a,.dpcm-account-drawer a,.dpcm-mobile-bottom a{text-decoration:none!important;color:inherit}
.dpcm-site-logo{flex:0 1 205px;min-width:100px;display:flex;align-items:center}
.dpcm-site-logo img{display:block;width:100%;max-width:205px;height:auto;max-height:58px;object-fit:contain;object-position:left}
.dpcm-header-search{display:flex;align-items:center;gap:12px;border:1px solid #e1eafa;background:#f3f7fc;border-radius:30px;padding:4px 14px;margin:0 auto;max-width:540px;flex:1;min-width:130px}
.dpcm-header-search input{min-width:0;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;padding:8px 0!important;color:#20375b;font-size:13px}
.dpcm-header-search button{padding:4px!important;border:0!important;background:transparent!important;color:#092456!important}
.dpcm-header-actions{display:flex;align-items:center;gap:16px;flex:none}
.dpcm-site-header .dpcm-social-quick-actions{display:flex!important;gap:8px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;width:auto!important}
.dpcm-site-header .dpcm-quick-icon,.dpcm-header-icon{position:relative;display:flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;min-height:40px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#071c51!important;padding:7px!important}
.dpcm-site-header .dpcm-quick-icon:hover{background:#eaf5ff!important}
.dpcm-site-header .dpcm-quick-icon svg{width:25px;height:25px}
.dpcm-site-header [data-quick-settings]{display:none!important}
.dpcm-site-header [data-activity-count]{position:absolute;right:0;top:0;min-width:17px;padding:1px 4px;border-radius:20px;background:#ed3048;color:white;font-size:10px;line-height:15px}
.dpcm-site-header [hidden]{display:none!important}
.dpcm-header-menu{display:flex;gap:12px;align-items:center;background:transparent!important;border:0!important;padding:0!important;color:#081b4b!important;cursor:pointer}
.dpcm-header-person{display:flex;align-items:center;gap:10px;text-align:left;max-width:220px}
.dpcm-header-person strong,.dpcm-header-person small{display:block}.dpcm-header-person strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dpcm-header-person small{font-size:11px;color:#607197}
.dpcm-design-avatar{width:48px;height:48px;object-fit:cover;object-position:top;border-radius:50%;flex:none;border:3px solid white;box-shadow:0 2px 10px #0b255119}
.dpcm-design-initial{display:grid;place-items:center;background:#d5f4ff;color:#006095;font-size:24px;font-weight:700}
.dpcm-account-drawer{position:fixed;inset:0 0 0 auto;margin:0;border:0;border-left:1px solid #e3ebf5;padding:20px;width:min(360px,88vw);max-width:88vw;height:100dvh;max-height:100dvh;background:white;box-shadow:-20px 0 60px #051c4833;overflow:auto;z-index:100000}
.dpcm-account-drawer[open]{animation:dpcm-drawer-in .22s ease-out}.dpcm-account-drawer::backdrop{background:#06152b88}.dpcm-drawer-open{overflow:hidden}
@keyframes dpcm-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.dpcm-drawer-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #e7edf5}.dpcm-drawer-head button{border:0;background:#f3f7fc;color:#091b49;padding:8px;border-radius:10px;width:40px;height:40px}
.dpcm-drawer-person{display:flex;gap:12px;padding:22px 0;align-items:center}.dpcm-drawer-person .dpcm-design-avatar{width:66px;height:66px}.dpcm-drawer-person small{display:block;color:#00738e;font-size:10px}.dpcm-drawer-person strong{display:block;font-size:16px;overflow-wrap:anywhere}
.dpcm-design-navigation{display:grid;gap:5px}.dpcm-design-navigation a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;min-height:46px;font-size:14px;color:#081b4b!important}.dpcm-design-navigation a span:last-child{margin-left:auto}.dpcm-design-navigation a:hover{background:#e8f5ff}.dpcm-design-navigation svg{flex:none}
.dpcm-drawer-search{padding:20px 0;display:grid;gap:8px;font-size:12px}.dpcm-drawer-search input{width:100%;margin-top:8px}.dpcm-drawer-search button,.dpcm-review-form button{background:#07366e;color:white;border:0;border-radius:8px;padding:10px 16px}.dpcm-drawer-logout{display:flex;align-items:center;gap:14px;color:#d82b43!important;padding:18px 12px;border-top:1px solid #e8edf4}
.dpcm-hide-theme-footer footer.site-footer,.dpcm-hide-theme-footer #colophon,.dpcm-hide-theme-footer #site-footer,.dpcm-hide-theme-footer .elementor-location-footer{display:none!important}
.dpcm-design-hero{display:flex;align-items:center;gap:20px;padding:26px;border-radius:18px;background:radial-gradient(ellipse at 90% 150%,#00d79e 0,transparent 48%),linear-gradient(110deg,#052552,#0089c3);color:white;position:relative;overflow:hidden;margin-bottom:18px;min-height:168px}
.dpcm-design-hero.dpcm-design-teacher{background:radial-gradient(ellipse at 90% 150%,#986cff 0,transparent 48%),linear-gradient(110deg,#231758,#6747ee)}
.dpcm-design-hero .dpcm-design-avatar{width:100px;height:100px;border:4px solid white}.dpcm-design-hero h2{font-size:clamp(22px,2.3vw,32px);line-height:1.2;color:white;margin:4px 0 8px;font-weight:700;overflow-wrap:anywhere}.dpcm-design-hero p{margin:8px 0 0;font-size:14px;color:white}.dpcm-design-hero small{color:#e4f6ff;font-size:12px}.dpcm-design-tag{display:inline-block;background:#00b5dc;border-radius:20px;padding:5px 14px;font-size:10px;font-weight:600;color:#fff}.dpcm-design-teacher .dpcm-design-tag{background:#b8a3ff;color:#211551}
.dpcm-design-profile{margin-left:auto;display:flex;gap:7px;align-items:center;flex:none;padding:10px 13px;border-radius:10px;background:white;color:#00558b!important;text-decoration:none!important;font-size:12px;font-weight:600}
.dpcm-linked-header .dpcm-social-mobilebar,.dpcm-linked-header .dpcm-mobile-menu-toggle,.dpcm-linked-header .dpcm-mobile-action-row{display:none!important}
.dpcm-linked-header .dpcm-social-quick-actions:not(.dpcm-site-header .dpcm-social-quick-actions){display:none!important}
.dpcm-linked-header .dpcm-social-page{max-width:1440px;margin:20px auto;padding:0 20px}
.dpcm-linked-header .dpcm-social-layout{grid-template-columns:220px minmax(0,1fr) 275px;gap:20px}
.dpcm-linked-header .dpcm-social-explore{padding:10px;border-radius:14px;top:20px}.dpcm-linked-header .dpcm-social-explore>.dpcm-design-navigation{display:grid}.dpcm-linked-header .dpcm-social-explore a{justify-content:flex-start;font-size:13px;white-space:normal;gap:12px}.dpcm-linked-header .dpcm-social-explore a:first-child{background:#d8f4ff;color:#072e69!important}.dpcm-linked-header[data-dpcm-role=teacher] .dpcm-social-explore a:first-child{background:#6844f4;color:white!important}
.dpcm-linked-header .dpcm-online-widget{border-color:#e2eaf4;top:20px}.dpcm-linked-header .dpcm-online-widget a{text-decoration:none!important}
.dpcm-linked-header .dpcm-social-post,.dpcm-linked-header .dpcm-social-start{border-radius:16px;border-color:#e2eaf4;box-shadow:0 4px 20px #12396604}
.dpcm-linked-header .dpcm-social-filter{gap:8px;overflow:auto}.dpcm-linked-header .dpcm-social-filter button{white-space:nowrap;border-radius:9px}
.dpcm-student-dashboard .dpcm-portal-content>.dpcm-hero,.dpcm-teacher-app .dpcm-portal-content>.dpcm-hero{margin:0 0 22px;border-radius:18px;background:radial-gradient(ellipse at 90% 150%,#00d79e 0,transparent 48%),linear-gradient(110deg,#052552,#0089c3);min-height:166px;color:white}
.dpcm-teacher-app .dpcm-portal-content>.dpcm-hero{background:linear-gradient(110deg,#251955,#7652f8)}
.dpcm-linked-header .dpcm-hero .dpcm-logout-form,.dpcm-linked-header .dpcm-hero .dpcm-settings-link{display:none!important}
.dpcm-student-dashboard .dpcm-portal-sidebar,.dpcm-teacher-app .dpcm-portal-sidebar{background:#fff!important;color:#081b4b!important;border:1px solid #e4edf5;box-shadow:none}
.dpcm-portal-sidebar .dpcm-portal-menu a{color:#0a2453!important;gap:12px;background:transparent}.dpcm-portal-sidebar .dpcm-portal-menu a.is-active,.dpcm-portal-sidebar .dpcm-portal-menu a:hover{background:#ddf4ff!important;color:#063d79!important}.dpcm-portal-sidebar .dpcm-portal-menu a>span:first-child{background:transparent!important;color:inherit!important;border:0!important}.dpcm-portal-sidebar .dpcm-portal-brand strong,.dpcm-portal-sidebar .dpcm-sidebar-help strong{color:#092552}.dpcm-portal-sidebar .dpcm-sidebar-help small,.dpcm-portal-sidebar .dpcm-portal-brand small{color:#607190}
.dpcm-portal-menu svg{flex:none;width:22px;height:22px}.dpcm-ui .dpcm-hero h2{overflow-wrap:anywhere}
.dpcm-mobile-bottom{display:none}
.dpcm-carousel{max-width:1280px;margin:36px auto}.dpcm-carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dpcm-carousel-heading h2{font-size:clamp(22px,2.5vw,30px);margin:0}.dpcm-carousel-heading>div{display:flex;gap:8px}.dpcm-carousel-heading button{background:#f1f8fd;color:#052c65;border:1px solid #d8e7f3;border-radius:50%;width:40px;height:40px;padding:0;cursor:pointer}.dpcm-carousel-heading button:disabled{opacity:.35;cursor:default}.dpcm-ranking-note{color:#63738d;font-size:12px;margin:10px 0 20px}
.dpcm-carousel-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 20px;scrollbar-width:thin;align-items:stretch}.dpcm-carousel-item{flex:0 0 calc((100% - 60px)/4);min-width:250px;scroll-snap-align:start;border:1px solid #e0eaf3;border-radius:18px;overflow:hidden;background:white;display:flex;flex-direction:column;box-shadow:0 5px 18px #08295807}.dpcm-carousel-item>.dpcm-public-person{margin:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;flex:1;width:100%}.dpcm-carousel-item .dpcm-person-content{padding:18px}.dpcm-carousel-item .dpcm-person-content h3{font-size:18px}.dpcm-ranking-stats{border-top:1px solid #e7edf5;padding:14px 18px;font-size:12px;color:#0d6d66;background:#f7fcfb}.dpcm-ranking-stats span{display:block;color:#63738d;margin-top:5px}
.dpcm-reviews{padding:28px 20px;margin:24px auto}.dpcm-review{background:white;border:1px solid #e0e8f1;border-radius:12px;padding:18px;margin:12px 0}.dpcm-review>span{display:block;color:#007864;font-size:12px}.dpcm-review p{white-space:normal;overflow-wrap:anywhere}.dpcm-review-form{max-width:650px;display:grid;gap:14px;padding:22px;border:1px solid #dce9f2;border-radius:16px;background:#f5faff;margin-top:24px}.dpcm-review-form label{display:grid;gap:8px}.dpcm-review-form textarea,.dpcm-review-form select{width:100%;border:1px solid #cddce9;border-radius:8px;padding:10px;background:white}
@media(max-width:1200px){.dpcm-site-header{gap:18px;padding-inline:20px}.dpcm-linked-header .dpcm-social-layout{grid-template-columns:190px minmax(0,1fr) 240px;gap:14px}.dpcm-design-hero{gap:14px;padding:20px}.dpcm-design-hero .dpcm-design-avatar{width:76px;height:76px}.dpcm-design-profile{font-size:0}.dpcm-carousel-item{flex-basis:calc((100% - 40px)/3)}}
@media(min-width:901px){.dpcm-linked-header .dpcm-social-explore{display:block!important}}
@media(max-width:900px){.dpcm-site-header{min-height:74px;padding:12px 16px;gap:12px;justify-content:space-between}.dpcm-site-logo{flex:0 1 175px}.dpcm-header-search,.dpcm-header-person{display:none}.dpcm-header-actions{gap:8px}.dpcm-header-menu{width:36px;height:40px;justify-content:center}.dpcm-site-header .dpcm-social-quick-actions{gap:2px!important}.dpcm-site-header .dpcm-quick-icon{width:36px!important;height:38px!important;min-height:38px!important;padding:6px!important}.dpcm-linked-header .dpcm-social-layout{grid-template-columns:minmax(0,1fr)}.dpcm-linked-header .dpcm-social-explore,.dpcm-linked-header .dpcm-portal-sidebar{display:none!important}.dpcm-linked-header .dpcm-social-layout>.dpcm-online-widget{display:none}.dpcm-linked-header .dpcm-social-page{padding:0 12px;margin:14px auto}.dpcm-design-hero{padding:22px 18px;gap:15px;min-height:185px}.dpcm-design-hero .dpcm-design-avatar{width:82px;height:82px}.dpcm-design-hero h2{font-size:25px}.dpcm-design-profile{position:absolute;right:12px;bottom:12px;padding:6px;background:#ffffff24;color:white!important}.dpcm-design-hero small{font-size:11px}.dpcm-linked-header .dpcm-portal-layout{display:block!important}.dpcm-portal-content{min-width:0}.dpcm-carousel-item{flex-basis:calc((100% - 20px)/2)}.dpcm-mobile-bottom{display:flex;position:fixed;inset:auto 0 0;z-index:50;justify-content:space-around;padding:10px 8px max(10px,env(safe-area-inset-bottom));background:white;box-shadow:0 -3px 20px #13295a12;border-top:1px solid #e4edf5}.dpcm-mobile-bottom a{display:grid;place-items:center;gap:3px;font-size:10px;color:#5d6f91;min-height:42px}.dpcm-has-mobile-bottom{padding-bottom:80px}.dpcm-linked-header .dpcm-hero .dpcm-portal-tools{display:none!important}}
@media(max-width:480px){.dpcm-site-header{padding:10px 12px;gap:8px}.dpcm-site-logo{max-width:156px;min-width:105px}.dpcm-header-actions{gap:4px}.dpcm-site-header .dpcm-quick-icon{width:32px!important;padding:5px!important}.dpcm-header-menu{width:32px}.dpcm-design-hero{gap:12px}.dpcm-design-hero .dpcm-design-avatar{width:70px;height:70px}.dpcm-design-hero h2{font-size:22px}.dpcm-design-tag{padding:4px 9px;font-size:9px}.dpcm-design-hero small{display:block;max-width:180px}.dpcm-carousel-item{flex-basis:85%;min-width:240px}.dpcm-carousel{margin:28px auto}.dpcm-carousel-heading h2{font-size:22px}.dpcm-carousel-heading button{width:34px;height:34px}.dpcm-ui .dpcm-hero-identity{min-width:0}.dpcm-ui .dpcm-hero-photo{width:70px;height:70px}}
@media(prefers-reduced-motion:reduce){.dpcm-account-drawer[open]{animation:none}}
@media(min-width:901px){.dpcm-linked-header .dpcm-social-layout>.dpcm-social-explore{grid-column:auto;position:sticky;top:20px}}
.dpcm-design-quicklinks{margin-top:24px;padding-top:18px;border-top:1px solid #e2eaf4}.dpcm-design-quicklinks h3{margin:0 0 12px;font-size:16px}.dpcm-design-quicklinks a{display:flex!important;align-items:center;gap:10px;padding:10px;margin:5px 0;border-radius:9px;background:#f4f8fd;color:#112955!important;font-size:12px!important;font-weight:500!important}.dpcm-design-quicklinks svg{width:19px;height:19px;flex:none}.dpcm-design-quicklinks span{flex:1}
.dpcm-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.dpcm-summary-stat{display:flex;align-items:center;gap:12px;padding:18px 14px;border:1px solid #e2eaf4;border-radius:16px;background:#fff;box-shadow:0 3px 14px #0d285707}.dpcm-summary-stat>svg{width:40px;height:40px;padding:8px;border-radius:50%;background:#edf8ff;color:#006bad;flex:none}.dpcm-summary-stat:nth-child(2)>svg{background:#e4faed;color:#00a557}.dpcm-summary-stat:nth-child(3)>svg{background:#fff4db;color:#e39800}.dpcm-summary-stat:nth-child(4)>svg{background:#f0e9ff;color:#7836e8}.dpcm-summary-stat strong{display:block;font-size:24px;line-height:1.2;color:#08204c}.dpcm-summary-stat small{display:block;font-size:11px;color:#526887}.dpcm-enrolled-courses{background:#fff;border:1px solid #e2eaf4;border-radius:16px;margin:18px 0;padding:18px}.dpcm-enrolled-courses h3{margin:0 0 14px}.dpcm-enrolled-course{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid #edf2f7}.dpcm-enrolled-course>img{width:68px;height:60px;object-fit:cover;border-radius:8px}.dpcm-enrolled-course>svg{width:48px;height:48px;padding:10px;border-radius:8px;background:#edf7ff;color:#047cb5}.dpcm-enrolled-course>span{flex:1;min-width:0}.dpcm-enrolled-course strong{display:block;font-size:14px;color:#0b2046;overflow-wrap:anywhere}.dpcm-enrolled-course small{color:#00895c;font-size:10px;background:#e4faee;border-radius:20px;padding:3px 8px}.dpcm-enrolled-course a{font-size:11px;flex:none;text-decoration:none}
@media(max-width:1000px){.dpcm-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:400px){.dpcm-summary-grid{gap:10px}.dpcm-summary-stat{padding:14px 10px;gap:8px}.dpcm-summary-stat>svg{width:34px;height:34px}.dpcm-summary-stat strong{font-size:22px}.dpcm-summary-stat small{font-size:10px}}
.dpcm-enrollment-details{border:1px solid #e1eaf3;border-radius:14px;background:white;padding:16px;margin:18px 0}.dpcm-enrollment-details>summary{font-weight:600;font-size:14px;color:#163559;cursor:pointer}.dpcm-enrollment-details .dpcm-student-info-grid{margin-top:16px}
