.public-layout{--container-max:1280px;--public-nav-brand-grad:linear-gradient(135deg, #5234b7 0%, #9e59cd 100%);--public-nav-cta-radius:14px;background:var(--bg-page);flex-direction:column;min-height:100vh;display:flex}.public-nav__svg-defs{clip:rect(0 0 0 0);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.public-nav{--nav-pill-h:48px;--nav-pill-radius:9999px;--nav-search-max:min(680px, 52vw);z-index:50;box-sizing:border-box;background:#fff;border-bottom:1px solid #e8eaef;width:100%;height:80px;min-height:80px;transition:box-shadow .2s;position:sticky;top:0;overflow:visible}@media (min-width:1280px){.public-nav{--nav-search-max:min(780px, 48vw)}}.public-nav--scrolled{box-shadow:var(--shadow-navbar-scroll)}.public-nav__inner{box-sizing:border-box;grid-template-columns:minmax(0,max-content) minmax(0,1fr) minmax(0,max-content);align-items:center;column-gap:clamp(12px,2vw,24px);width:100%;max-width:none;height:100%;margin-inline:0;padding-inline:clamp(14px,2.5vw,32px);display:grid;overflow:visible}.public-nav__start{justify-self:start;align-items:center;gap:clamp(16px,2.4vw,40px);min-width:0;display:flex}.public-nav__brand{flex-shrink:0;align-items:center;width:max-content;min-width:0;line-height:0;display:flex}.public-nav .public-nav__brand-img{object-fit:contain;flex-shrink:0;width:auto;max-width:min(280px,52vw);height:62px;max-height:62px;display:block}.public-nav__links{flex-wrap:nowrap;align-items:center;gap:0;min-width:0;margin-inline-start:clamp(6px,1.2vw,20px);display:flex}.public-nav__link{font-size:14px;font-weight:var(--fw-medium);color:#374151;white-space:nowrap;-webkit-text-fill-color:currentcolor;background:0 0;border-radius:0;justify-content:center;align-items:center;gap:4px;padding:4px 10px 11px;text-decoration:none;transition:color .18s,font-weight .18s,-webkit-text-fill-color .18s;display:inline-flex;position:relative}.public-nav__link:after{content:"";inset-inline:10px;background:0 0;border-radius:2px;height:3px;transition:background .18s;position:absolute;bottom:4px}.public-nav__link:hover{color:#0000;font-weight:var(--fw-bold);background:var(--public-nav-brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.public-nav__link:hover:after{background:var(--public-nav-brand-grad)}.public-nav__link:focus-visible{outline-offset:2px;outline:2px solid #5234b759}.public-nav__chevron{color:#6b7280;flex-shrink:0}.public-nav__chevron--on-primary{color:#ffffffeb}.public-nav__search-wrap{width:100%;max-width:var(--nav-search-max);justify-content:center;justify-self:center;align-items:center;min-width:0;margin-inline:auto;display:flex}.public-nav__search{width:100%;min-width:0;max-width:100%;min-height:var(--nav-pill-h);border-radius:var(--nav-pill-radius);box-shadow:none;background:#fff;border:1px solid #e3e6ec;flex-direction:row;align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.public-nav__search:focus-within{border-color:#d1d5db;box-shadow:0 0 0 3px #5234b714}.public-nav__search-icon-btn{width:var(--nav-pill-h);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.public-nav__search-icon-btn:hover{background:#5234b70d}.public-nav__search-icon-btn svg{width:20px;height:20px}.public-nav__search-input{min-width:0;font-family:var(--font-ui);color:var(--text-primary);background:0 0;border:none;flex:1;padding:10px 12px 10px 8px;font-size:15px;line-height:1.45}.public-nav__search-input::placeholder{color:#bdbdbd}.public-nav__search-input:focus{outline:none}.public-nav__end{justify-self:end;align-items:center;gap:10px;min-width:0;display:flex;overflow:visible}.public-nav__login{box-sizing:border-box;min-height:var(--nav-pill-h);height:var(--nav-pill-h);font-family:var(--font-ui);font-size:15px;font-weight:var(--fw-semibold);border-radius:var(--public-nav-cta-radius);color:#5234b7;background:#fff;border:2px solid #5234b7;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.public-nav__login:hover,.public-nav__login:active{color:#5234b7;box-shadow:none;background:#fff;border-color:#5234b7;transform:none}.public-nav__login:focus-visible{outline-offset:2px;outline:2px solid #5234b766}.public-nav__login--when-authed{color:#5234b7;min-width:clamp(148px,12vw,220px);font-weight:var(--fw-semibold);background:#fff;border-color:#5234b7;padding-inline:22px}.public-nav__login--when-authed:hover,.public-nav__login--when-authed:active{color:#5234b7;background:#fff;border-color:#5234b7}.public-nav__logout{box-sizing:border-box;min-width:clamp(148px,12vw,220px);min-height:var(--nav-pill-h);height:var(--nav-pill-h);font-family:var(--font-ui);font-size:15px;font-weight:var(--fw-semibold);border-radius:var(--public-nav-cta-radius);color:#c02626;cursor:pointer;box-shadow:none;background:#dc26260f;border:2px solid #dc262647;justify-content:center;align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}.public-nav__logout:hover,.public-nav__logout:active{color:#b91c1c;background:#dc26261a;border-color:#dc262657;transform:none}.public-nav__logout:focus-visible{outline-offset:2px;outline:2px solid #dc26263d}.public-nav__join-trigger{box-sizing:border-box;min-height:var(--nav-pill-h);height:var(--nav-pill-h);font-family:var(--font-ui);font-size:15px;font-weight:var(--fw-semibold);color:#fff;border-radius:var(--public-nav-cta-radius);cursor:pointer;background:var(--public-nav-brand-grad);border:none;justify-content:center;align-items:center;gap:10px;padding:0 22px;transition:filter .2s,box-shadow .2s,transform .15s;display:inline-flex;box-shadow:0 6px 20px #5234b752}.public-nav__join-chevron-wrap{background:#fff3;border:1px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.public-nav__join-chevron-wrap svg{width:12px;height:12px}.public-nav__join-trigger:hover{filter:brightness(1.05);box-shadow:0 8px 24px #5234b766}.public-nav__join-trigger:active{transform:scale(.98)}.public-nav__divider{width:1px;height:calc(var(--nav-pill-h) * .55);background:#e8eaef;border-radius:1px;flex-shrink:0;align-self:center;margin-inline:1px}.public-nav__cart{box-sizing:border-box;width:var(--nav-pill-h);height:var(--nav-pill-h);color:#6b7280;background:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s,color .2s,transform .15s;display:inline-flex;position:relative}.public-nav__cart-badge{top:-2px;box-sizing:border-box;color:#fff;pointer-events:none;background:linear-gradient(135deg,#5234b7 0%,#9e59cd 100%);border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;position:absolute;inset-inline-end:-2px}.public-nav__cart:hover{color:#5234b7;background:#fafbff;border-color:#5234b7;box-shadow:0 4px 14px #5234b726}.public-nav__cart:active{transform:scale(.98)}.public-nav__user-trigger{cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:4px;margin:0;padding:0;transition:box-shadow .2s;display:inline-flex}.public-nav__user-trigger:focus-visible{outline-offset:2px;outline:2px solid #5234b766}.public-nav__user-avatar{box-sizing:border-box;background:linear-gradient(135deg,#5234b7 0%,#9e59cd 100%);border:2px solid #e8eaef;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 2px 10px #5234b759}.public-nav__user-avatar-svg{display:block}.public-nav__user-chevron{color:#6b46c1;opacity:.85;width:12px;height:12px}.public-nav__dropdown--user{overflow:visible}.public-nav__dd-item--user{box-sizing:border-box;width:100%;font-size:15px;font-weight:var(--fw-medium);color:#1e293b;text-align:start;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:12px 14px;font-family:inherit;text-decoration:none;display:flex}.public-nav__dd-item--user:not(:last-child){border-bottom:1px solid #eef0f4}.public-nav__dd-item--user:hover{background:#f8fafc}.public-nav__dd-item--user .public-nav__dd-text{white-space:nowrap;flex:0 auto;min-width:min-content}.public-nav__dd-user-svg{flex-shrink:0;display:block}.public-nav__dd-item--logout .public-nav__dd-text{color:#b91c1c}.public-nav__dropdown{position:relative}.public-nav__dropdown-panel{inset-inline-start:0;background:var(--bg-card);border:1px solid var(--border-default);min-width:220px;box-shadow:var(--shadow-dropdown);z-index:60;border-radius:14px;flex-direction:column;gap:4px;margin-top:0;padding:8px;display:none;position:absolute;top:100%}.public-nav__dropdown-panel--join{border-radius:16px;min-width:220px;padding:10px;inset-inline:auto 0}.public-nav__dropdown--user .public-nav__dropdown-panel--user{right:auto;z-index:1000;background:#fff;border-radius:14px;gap:0;width:172px;min-width:164px;max-width:calc(100vw - 24px);padding:4px 0;position:fixed;inset-inline:auto;transform:none;box-shadow:0 10px 40px #0f172a1a,0 2px 10px #0f172a0f}.public-nav__dropdown--join:hover .public-nav__dropdown-panel--join,.public-nav__dropdown--join:focus-within .public-nav__dropdown-panel--join,.public-nav__dropdown--store:hover .public-nav__dropdown-panel--store,.public-nav__dropdown--store:focus-within .public-nav__dropdown-panel--store,.public-nav__dropdown--user.public-nav__dropdown--open .public-nav__dropdown-panel--user,.public-nav__dropdown--user:hover .public-nav__dropdown-panel--user,.public-nav__dropdown--user:focus-within .public-nav__dropdown-panel--user,.public-nav__dropdown-panel--visible{display:flex}.public-nav__dd-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.public-nav__dd-item:hover{background:var(--bg-table-hover)}.public-nav__dd-item--join{font-weight:var(--fw-medium);gap:12px}.public-nav__dd-emoji{font-size:20px;line-height:1}.public-nav__store-trigger{font-family:inherit;font-size:14px;font-weight:var(--fw-medium);line-height:inherit;color:#374151;white-space:nowrap;-webkit-text-fill-color:currentcolor;cursor:pointer;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;gap:4px;margin:0;padding:4px 10px 11px;transition:color .18s,font-weight .18s,-webkit-text-fill-color .18s;display:inline-flex;position:relative}.public-nav__store-trigger:after{content:"";inset-inline:10px;background:0 0;border-radius:2px;height:3px;transition:background .18s;position:absolute;bottom:4px}.public-nav__store-trigger:hover{color:#0000;font-weight:var(--fw-bold);background:var(--public-nav-brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.public-nav__store-trigger:hover:after{background:var(--public-nav-brand-grad)}.public-nav__store-trigger:focus-visible{outline-offset:2px;outline:2px solid #5234b759}.public-nav__chevron--store{opacity:.72;width:12px;height:12px;margin-inline-start:2px}.public-nav__dropdown--store:hover .public-nav__store-trigger,.public-nav__dropdown--store:focus-within .public-nav__store-trigger{color:#0000;font-weight:var(--fw-bold);background:var(--public-nav-brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.public-nav__dropdown--store:hover .public-nav__store-trigger:after,.public-nav__dropdown--store:focus-within .public-nav__store-trigger:after{background:var(--public-nav-brand-grad);border-radius:999px;height:5px}.public-nav__dropdown--store:hover .public-nav__chevron--store,.public-nav__dropdown--store:focus-within .public-nav__chevron--store{color:#6b46c1;opacity:1}.public-nav__dropdown-panel--store{inset-inline:auto;border-radius:14px;gap:0;min-width:268px;padding:4px 0;left:50%;right:auto;transform:translate(-50%);box-shadow:0 10px 40px #0f172a1a,0 2px 10px #0f172a0f}.public-nav__dd-item--store{box-sizing:border-box;width:100%;font-size:15px;font-weight:var(--fw-medium);color:#1e293b;border-radius:0;justify-content:space-between;gap:14px;margin:0;padding:14px 18px}.public-nav__dd-item--store:not(:last-child){border-bottom:1px solid #eef0f4}.public-nav__dd-item--store:hover{background:#f8fafc}.public-nav__dd-item--store .public-nav__dd-text{text-align:end;flex:1;min-width:0}.public-nav__dd-item--store .public-nav__dd-emoji{flex-shrink:0;font-size:22px}.public-main{flex:1}.public-footer{color:#fffffff0;background:linear-gradient(135deg,#5234b7 0%,#9e59cd 100%);margin-top:auto;padding:42px 0 22px}.public-footer a:not(.public-footer__social-link){color:#ffffffe6;text-decoration:none}.public-footer a:not(.public-footer__social-link):hover{color:#fff;text-decoration:underline}.public-footer__top{max-width:var(--container-max);padding-inline:clamp(16px,3vw,28px);border-bottom:1px solid #ffffff38;justify-content:center;margin-inline:auto;padding-bottom:28px;display:flex}.public-footer__center-col{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:min(100%,520px);display:flex}.public-footer__social{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.public-footer__social-link{color:#5234b7;background:#fffffff0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .2s,box-shadow .2s,color .2s,background .2s;display:inline-flex;box-shadow:inset 0 1px #ffffffa6,0 2px 12px #1f07472e}.public-footer__social-link svg{color:inherit;display:block}.public-footer__social-link svg path{fill:currentColor}.public-footer__social-link svg rect,.public-footer__social-link svg circle{stroke:currentColor}.public-footer__social-link svg circle[fill=currentColor]{fill:currentColor;stroke:none}.public-footer__social-link svg circle[fill=none],.public-footer__social-link svg rect[fill=none]{fill:none}.public-footer__social-link:hover{color:#4c1d95;background:#fff;text-decoration:none;transform:translateY(-2px)scale(1.04);box-shadow:inset 0 1px #ffffffbf,0 6px 20px #1f074738}.public-footer__quick{font-size:15px;font-weight:var(--fw-semibold);flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.public-footer__quick a{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;display:inline-flex}.public-footer__quick a:hover{background:#ffffff2e;text-decoration:underline}.public-footer__grid{max-width:var(--container-max);grid-template-columns:1.1fr 1fr 1.1fr;gap:22px;margin-inline:auto;padding:30px clamp(16px,3vw,28px) 0;display:grid}.public-footer__grid>div{background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;min-height:156px;padding:20px}.public-footer__col-title{font-size:16px;font-weight:var(--fw-bold);color:#fff;margin:0 0 14px}.public-footer__col-links{gap:10px;font-size:14px;display:grid}.public-footer__col-links a{color:#ffffffd1;width:max-content;max-width:100%;line-height:1.5}.public-footer__bottom{text-align:center;max-width:var(--container-max);margin-top:28px;padding-top:18px;font-size:var(--fs-small);color:#ffffffbf;border-top:1px solid #ffffff2e;margin-inline:auto;padding-inline:clamp(16px,3vw,28px)}.public-footer__vat{font-size:var(--fs-xs);color:#ffffff9e;margin:0 0 8px;line-height:1.55}.public-footer__copy{opacity:.95;margin:0;font-size:13px}@media (max-width:1023px){.public-nav{--nav-search-max:100%}.public-nav__links{display:none}.public-nav__start{gap:10px}.public-nav__search-wrap{max-width:100%}}@media (max-width:767px){.public-nav__inner{column-gap:10px;padding-inline:12px}.public-nav__login{padding:0 14px;font-size:14px}.public-nav__join-trigger{padding-inline:14px;font-size:14px}.public-nav__join-chevron-wrap{display:none}.public-footer__grid{grid-template-columns:1fr;gap:14px}.public-footer__grid>div{text-align:center;min-height:0}.public-footer__col-links{justify-items:center}}@media (max-width:479px){.public-nav{--nav-pill-h:44px;height:64px;min-height:64px}.public-nav .public-nav__brand-img{max-width:min(134px,48vw);height:34px;max-height:34px}.public-nav__login{padding:0 12px;font-size:12px}.public-nav__join-trigger{padding-inline:12px;font-size:13px}}
.student-page{color:#111827;width:min(100%,1240px);margin-inline:auto;padding:10px 0 40px}.student-page__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.student-page__eyebrow{color:#6b7280;margin:0 0 6px;font-size:14px;font-weight:600}.student-page h1{color:#111827;margin:0;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.2}.student-page__action,.student-header-badges,.student-actions-row,.student-summary-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.student-panel{background:linear-gradient(#fffffffa,#ffffffed),radial-gradient(circle at 88% 12%,#9e59cd1a,#0000 34%);border:1px solid #5234b71f;border-radius:18px;padding:22px;position:relative;box-shadow:0 18px 52px #5234b714,0 1px 4px #0f172a0a}.student-panel__title{color:#111827;margin:0 0 16px;font-size:20px;font-weight:800;line-height:1.35}.student-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px;display:grid}.student-layout--main{grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr)}.student-stats-grid,.student-courses-grid,.student-certificate-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.student-courses-grid,.student-certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.student-stat{min-height:132px}.student-stat__icon{color:#5234b7;background:#f1ebff;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:16px;display:inline-grid}.student-stat p,.student-list-item span,.student-course-tile p,.student-panel p,.student-timeline,.student-list-row,.student-notification small{color:#6b7280}.student-stat p,.student-stat small{margin:0}.student-stat strong{color:#111827;margin:6px 0 2px;font-size:30px;font-weight:800;line-height:1.1;display:block}.student-progress{background:#5234b71f;border-radius:999px;width:100%;height:9px;overflow:hidden}.student-progress span{border-radius:inherit;background:linear-gradient(135deg,#5234b7 0%,#9e59cd 100%);height:100%;display:block}.student-current-course{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;display:grid}.student-current-course__visual,.student-mini-video,.student-video-box,.student-course-tile__thumb{color:#fff;background:radial-gradient(circle at 20% 20%,#ffffffb3,#0000 34%),linear-gradient(135deg,#5234b7 0%,#9e59cd 100%);border-radius:16px;place-items:center;min-height:150px;font-size:26px;font-weight:800;display:grid}.student-current-course h3,.student-course-tile h3,.student-assignment-card h3,.student-question{color:#111827;margin:10px 0 6px;font-size:22px;font-weight:800;line-height:1.4}.student-list,.student-card-list,.student-quick-actions,.student-options{flex-direction:column;gap:12px;display:flex}.student-list-item,.student-list-row,.student-notification,.student-conversation,.student-thread__head{background:#faf9ff;border:1px solid #5234b717;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.student-list-item>div,.student-conversation>div{flex:1;gap:2px;display:grid}.student-text-link{color:#5234b7;margin-top:14px;font-weight:700;text-decoration:none;display:inline-flex}.student-timeline{margin:0;padding-inline-start:22px;line-height:2}.student-tabs{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.student-tabs button,.student-category,.student-profile-layout button{color:#5234b7;cursor:pointer;background:#fff;border:1px solid #5234b729;border-radius:999px;min-height:40px;padding:0 16px;font-family:inherit;font-weight:700}.student-tabs button.is-active,.student-category:hover,.student-profile-layout button.is-active{color:#fff;background:linear-gradient(135deg,#5234b7 0%,#9e59cd 100%);border-color:#0000}.student-course-tile{background:#fff;border:1px solid #5234b71f;border-radius:18px;overflow:hidden;box-shadow:0 18px 42px #5234b714}.student-course-tile__thumb{border-radius:0;min-height:150px;font-size:18px}.student-course-tile__body{padding:18px}.student-course-tile__progress-row,.student-quiz-head{grid-template-columns:1fr auto;align-items:center;gap:12px;margin:14px 0;display:grid}.student-player-layout{grid-template-columns:300px minmax(0,1fr);gap:22px;display:grid}.student-lesson-sidebar{background:#fff;border:1px solid #5234b71f;border-radius:18px;padding:18px}.student-lesson-sidebar h2{margin:0 0 16px;font-size:20px}.student-lesson-sidebar details{border-bottom:1px solid #eeeaf9;padding:12px 0}.student-lesson-sidebar summary{cursor:pointer;font-weight:800}.student-lesson-sidebar summary span{float:left;color:#8a7ca8;font-size:12px}.student-lesson-sidebar button{text-align:start;color:#6b7280;background:0 0;border:none;border-radius:12px;width:100%;margin-top:10px;padding:10px 12px;font-family:inherit;display:block}.student-lesson-sidebar button.is-current{color:#5234b7;background:#f1ebff;font-weight:800}.student-video-box{background:radial-gradient(circle at 70% 30%,#9e59cd47,#0000 35%),#111827;min-height:360px}.student-video-box button{color:#fff;background:linear-gradient(135deg,#5234b7 0%,#9e59cd 100%);border:none;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.student-video-controls,.student-booking-flow{grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:12px;margin:16px 0;display:grid}.student-textarea,.student-search-input,.student-thread__input input,.student-form-grid input,.student-form-grid select,.student-form-wide textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #5234b72e;border-radius:14px;width:100%;padding:12px 14px;font-family:inherit}.student-code-layout,.student-chat-layout,.student-profile-layout,.student-community-layout{grid-template-columns:minmax(280px,.9fr) minmax(0,1.5fr);gap:22px;display:grid}.student-code-editor,.student-console,.student-code-snippet{text-align:left;color:#b8f7cf;font-family:var(--font-code);direction:ltr;background:#111827;border-radius:14px;padding:18px;line-height:1.8;overflow:auto}.student-console{color:#d1d5db;margin-top:14px}.student-options button{text-align:start;font:inherit;cursor:pointer;background:#fff;border:1px solid #5234b724;border-radius:16px;padding:18px}.student-options button.is-selected{color:#5234b7;background:#f1ebff;border-color:#9e59cd;font-weight:800}.student-week-calendar,.student-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.student-week-calendar>div,.student-calendar-grid button{text-align:start;background:#fff;border:1px solid #5234b71f;border-radius:16px;min-height:110px;padding:14px;font-family:inherit}.student-week-calendar .is-booked,.student-calendar-grid .is-mine{color:#fff;background:linear-gradient(135deg,#5234b7 0%,#9e59cd 100%)}.student-week-calendar .is-open,.student-calendar-grid .is-open{background:#f1ebff;border-color:#9e59cd}.student-discord-card{background:#eef0ff;border-radius:16px;padding:18px}.student-roadmap{grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;display:grid;overflow-x:auto}.student-roadmap>div{background:#f8f5ff;border:1px solid #5234b729;border-radius:18px;place-items:center;gap:4px;min-height:140px;display:grid;position:relative}.student-roadmap span{background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.student-roadmap .is-done{color:#fff;background:linear-gradient(135deg,#5234b7 0%,#9e59cd 100%)}.student-roadmap .is-current{border-color:#5234b7;box-shadow:0 0 0 6px #5234b714}.student-assignment-card,.student-list-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.student-upload{color:#6b7280;background:#faf9ff;border:2px dashed #5234b738;border-radius:18px;place-items:center;min-height:150px;margin-bottom:16px;display:grid}.student-feedback{background:#f9fafb;border-radius:14px;margin-top:16px;padding:14px}.student-checklist{line-height:2.1}.student-task{background:#faf9ff;border-radius:12px;padding:12px}.student-certificate__frame{color:#5234b7;background:#fff;border:8px solid #f1ebff;border-radius:18px;place-items:center;gap:8px;min-height:190px;margin-bottom:14px;display:grid}.student-certificate__frame strong{font-size:26px}.student-achievement-hero{color:#fff;background:radial-gradient(circle at 10% 20%,#ffffff38,#0000 30%),linear-gradient(135deg,#5234b7 0%,#9e59cd 100%);align-items:center;gap:18px;display:flex}.student-achievement-hero h2,.student-achievement-hero p{color:#fff}.student-badges-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.student-badges-grid span,.student-leaderboard div{background:#f8f5ff;border-radius:14px;padding:14px}.student-leaderboard{gap:10px;display:grid}.student-leaderboard div{gap:12px;display:flex}.student-leaderboard .is-you{color:#5234b7;border:1px solid #5234b738}.student-post-head{color:#6b7280;align-items:center;gap:10px;display:flex}.student-conversation.is-active{background:#f1ebff;border-color:#9e59cd}.student-thread{min-height:520px}.student-message{border-radius:16px;max-width:72%;margin:16px 0;padding:12px 14px}.student-message.is-received{background:#f1ebff}.student-message.is-sent{color:#fff;background:linear-gradient(135deg,#5234b7 0%,#9e59cd 100%);margin-inline-start:auto}.student-thread__input{grid-template-columns:1fr auto;gap:10px;margin-top:24px;display:grid}.student-notification i{background:#5234b7;border-radius:50%;width:9px;height:9px;margin-inline-start:auto}.student-empty-line{color:#64748b;margin:0;font-weight:700;line-height:1.8}.student-profile-layout{grid-template-columns:240px minmax(0,1fr)}.student-profile-layout .student-panel:first-child{flex-direction:column;gap:10px;display:flex}.student-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.student-form-grid label,.student-form-wide{color:#374151;gap:8px;font-weight:700;display:grid}.student-form-wide{margin:16px 0}@media (max-width:1100px){.student-stats-grid,.student-courses-grid,.student-certificate-grid,.student-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.student-layout,.student-layout--main,.student-player-layout,.student-code-layout,.student-chat-layout,.student-profile-layout,.student-community-layout{grid-template-columns:1fr}}@media (max-width:720px){.student-page__header,.student-current-course,.student-assignment-card,.student-list-row{display:block}.student-stats-grid,.student-courses-grid,.student-certificate-grid,.student-form-grid{grid-template-columns:1fr}.student-week-calendar,.student-calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}