body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden;width:100%}body{background:#f8fafc;font-family:Arial,sans-serif;margin:0}.landing-page{background:linear-gradient(180deg,#eff6ff,#fff 45%,#f8fafc);min-height:100vh}.animated-bg,.landing-page{position:relative}.bg-orb{animation:floatOrb 10s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.45;position:absolute;z-index:0}.orb1{background:#60a5fa;height:260px;left:-60px;top:80px;width:260px}.orb2{animation-delay:2s;background:#22d3ee;height:300px;right:-80px;top:320px;width:300px}.orb3{animation-delay:4s;background:#818cf8;bottom:120px;height:220px;left:35%;width:220px}.navbar,.premium-features,.premium-footer,.premium-hero,.program-preview{position:relative;z-index:2}.navbar{align-items:center;display:flex;justify-content:space-between;padding:18px 50px;position:sticky;top:0;z-index:50}.premium-navbar{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 8px #0f172a0a}.logo-wrap{align-items:center;display:flex;gap:12px}.logo-wrap h2{color:#0f172a;margin:0}.logo-circle{border-radius:28%;box-shadow:0 8px 20px #2563eb40;display:block;height:42px;width:42px}.nav-links{color:#475569;display:flex;font-weight:500;gap:24px}.nav-links span{cursor:pointer;transition:color .3s ease,transform .3s ease}.nav-links span:hover{color:#2563eb;transform:translateY(-1px)}.nav-actions{align-items:center;display:flex}.btn{border:none;border-radius:12px;cursor:pointer;font-weight:600;margin-left:10px;padding:10px 18px;transition:all .3s ease}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 10px 24px #2563eb2e;color:#fff}.glass-btn{background:#ffffff8c;border:1px solid #94a3b84d;color:#0f172a}.premium-hero{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1.1fr .9fr;padding:70px 60px}.premium-hero>*{min-width:0}.hero-text h1{word-wrap:break-word;color:#0f172a;font-size:56px;line-height:1.1;margin-bottom:20px;max-width:700px}.hero-text p{color:#475569;font-size:18px;line-height:1.8;max-width:620px}.hero-badge{background:#2563eb1a;border-radius:999px;color:#2563eb;display:inline-block;font-size:14px;font-weight:600;margin-bottom:18px;padding:10px 16px}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.large-btn{padding:14px 24px}.outline-btn{background:#fff;border:1px solid #cbd5e1;color:#0f172a}.hero-mini-stats{display:flex;flex-wrap:wrap;gap:40px;margin-top:34px}.hero-mini-stats h3{color:#0f172a;font-size:28px;margin:0}.hero-mini-stats p{color:#64748b;font-size:14px;margin:4px 0 0}.hero-image-wrap{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:28px;box-shadow:0 22px 50px #0f172a24;padding:24px;position:relative}.hero-image-scroll-clip{border-radius:20px;overflow:hidden}.hero-image-scroll-track{animation:heroImageScroll 30s linear infinite;display:flex;gap:12px;width:max-content}.hero-scroll-image{border-radius:16px;flex-shrink:0;height:260px;overflow:hidden;width:220px}.hero-scroll-image img{display:block;height:100%;object-fit:cover;width:100%}@keyframes heroImageScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.floating-card{animation:floatY 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:14px;box-shadow:0 12px 24px #0000001f;padding:14px 18px;position:absolute}.floating-card span{color:#2563eb;display:block;font-size:13px;font-weight:700;margin-bottom:4px}.floating-card p{color:#0f172a;font-size:14px;font-weight:600;margin:0}.top-card{left:-20px;top:22px}.bottom-card{bottom:18px;right:-18px}.section-heading{margin-bottom:40px;text-align:center}.section-heading h2{color:#0f172a;font-size:38px;margin:12px 0}.section-heading p{color:#64748b;line-height:1.7;margin:auto;max-width:650px}.section-badge{background:#2563eb14;border-radius:999px;color:#2563eb;display:inline-block;font-size:14px;font-weight:600;padding:8px 14px}.premium-features,.program-preview{padding:70px 60px}.feature-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.program-scroll-wrap{align-items:center;display:flex;gap:10px;min-width:0;position:relative;width:100%}.program-scroll{display:flex;gap:24px;min-width:0;overflow-x:auto;padding:8px 4px 20px;scroll-snap-type:x mandatory;scrollbar-color:#93c5fd #0000;scrollbar-width:thin}.program-scroll::-webkit-scrollbar{height:8px}.program-scroll::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:999px}.program-scroll::-webkit-scrollbar-track{background:#0000}.scroll-arrow{align-items:center;background:#fff;border:1px solid #94a3b84d;border-radius:50%;box-shadow:0 8px 20px #0f172a1a;color:#0f172a;cursor:pointer;display:flex;flex-shrink:0;font-size:22px;height:42px;justify-content:center;line-height:1;transition:transform .2s ease,background .2s ease;width:42px;z-index:3}.scroll-arrow:hover{background:#eff6ff;transform:scale(1.08)}.premium-card,.program-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border-radius:20px;box-shadow:0 12px 32px #0f172a14;transition:transform .3s ease,box-shadow .3s ease}.premium-card{padding:28px}.program-card{display:flex;flex:0 0 280px;flex-direction:column;overflow:hidden;scroll-snap-align:start}.premium-card:hover,.program-card:hover{box-shadow:0 18px 40px #0f172a1f;transform:translateY(-6px)}.program-card-image{height:150px;overflow:hidden;position:relative;width:100%}.course-card-image-placeholder{align-items:center;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#7c3aed;display:flex;height:100%;justify-content:center;width:100%}.course-card-badge{position:absolute;right:10px;top:10px}.course-card-price-line{color:#7c3aed!important;font-size:13px!important;font-weight:700;margin-top:-6px}.program-card-image img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.program-card:hover .program-card-image img{transform:scale(1.06)}.program-card-body{padding:20px 22px 24px}.program-card-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.program-card-actions .small-btn{margin-top:0}.feature-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:16px;box-shadow:0 8px 20px #2563eb33;display:flex;height:54px;justify-content:center;margin-bottom:18px;width:54px}.feature-icon svg{height:26px;width:26px}.premium-card h3,.program-card h3{color:#0f172a;margin-top:0}.premium-card p,.program-card p{color:#64748b;line-height:1.7}.small-btn{margin-left:0;margin-top:10px}.premium-footer{background:#0f172a;color:#fff;margin-top:40px;padding:56px 60px 24px}.footer-content p{color:#94a3b8;font-size:14px;line-height:1.7}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.4fr 1fr 1fr 1.3fr;margin-bottom:32px}.footer-brand-col p{max-width:280px}.footer-logo-wrap{align-items:center;display:flex;gap:10px;margin-bottom:12px}.footer-logo-circle{border-radius:28%;height:32px;width:32px}.footer-brand-col h3{color:#fff;font-size:18px;margin:0}.footer-col h4{color:#fff;font-size:14px;letter-spacing:.04em;margin-bottom:16px;text-transform:uppercase}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col span{color:#94a3b8;font-size:14px;transition:color .2s ease}.footer-col span:hover{color:#fff}.footer-contact-line{align-items:center;color:#94a3b8;display:flex;font-size:13px;gap:8px;text-decoration:none;transition:color .2s ease}.footer-contact-line:hover{color:#fff}.footer-report-link{background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.footer-social-row{display:flex;gap:10px;margin-top:6px}.footer-social-icon{align-items:center;background:#ffffff14;border-radius:50%;color:#cbd5e1;display:flex;height:34px;justify-content:center;transition:background .2s ease,color .2s ease,transform .2s ease;width:34px}.footer-social-icon:hover{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;transform:translateY(-2px)}.footer-divider{background:#ffffff14;height:1px;margin-bottom:16px}.copyright{color:#64748b;font-size:13px;margin:0 0 8px;text-align:center}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.premium-footer{padding:40px 24px 20px}.footer-grid{gap:28px;grid-template-columns:1fr}}@keyframes floatY{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes floatOrb{0%{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-18px) translateX(10px) scale(1.05)}to{transform:translateY(0) translateX(0) scale(1)}}@media (max-width:1000px){.feature-grid,.premium-hero{grid-template-columns:1fr}.program-card{flex:0 0 240px}.scroll-arrow{font-size:18px;height:36px;width:36px}.premium-features,.premium-footer,.premium-hero,.program-preview{padding:50px 24px}.navbar{flex-wrap:wrap;gap:16px;padding:18px 20px}.nav-links{display:none}.hero-text h1{font-size:40px}.bottom-card,.top-card{margin-top:14px;position:static}.bg-orb{opacity:.25}}.nav-dropdown-wrapper{align-items:center;display:flex;position:relative}.nav-link-button{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-weight:500;gap:6px;outline:none;padding:8px 5px;position:relative;transition:color .25s ease,opacity .25s ease,transform .25s ease}.nav-link-button:hover{color:inherit;transform:translateY(-1px)}.active-nav-link,.nav-link-open{color:#2563eb}.nav-chevron{align-items:center;color:#0f172a73;display:inline-flex;font-size:13px;justify-content:center;line-height:1;transition:transform .25s ease,color .25s ease}.nav-link-button:hover .nav-chevron{color:#2563eb}.rotate-chevron{transform:rotate(180deg)}.premium-dropdown{animation:premiumDropdownIn .22s ease-out;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#181820fa,#0a0a10fa);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 25px 70px #0000008c,0 8px 25px #00000059;left:50%;padding:20px;position:absolute;top:calc(100% + 18px);transform:translateX(-50%);width:350px;z-index:9999}@keyframes premiumDropdownIn{0%{opacity:0;transform:translateX(-50%) translateY(-8px) scale(.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.dropdown-header{align-items:center;display:flex}.dropdown-eyebrow{color:#fff9;display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:5px;text-transform:uppercase}.dropdown-header h3{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.2px;margin:0}.dropdown-divider{background:#ffffff1f;height:1px;margin:16px 0;width:100%}.programs-dropdown{width:350px}.dropdown-program-list{display:flex;flex-direction:column;gap:6px}.dropdown-program-item{align-items:center;border-radius:12px;display:flex;padding:12px;transition:background .2s ease,transform .2s ease}.dropdown-program-item:hover{background:hsla(0,0%,100%,.075);transform:translateX(3px)}.profile-dropdown-item{cursor:pointer}.profile-dropdown{width:280px}.profile-dropdown-language{align-items:center;display:flex;justify-content:space-between;padding:4px 4px 0}.profile-dropdown-language .dropdown-eyebrow{margin-bottom:0}.language-switcher-row{display:flex;gap:6px}.language-flag-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:30px}.language-flag-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.language-flag-btn.active{background:#38bdf82e;border-color:#38bdf8}.nav-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;overflow:hidden;width:28px}.nav-avatar img{height:100%;object-fit:cover;width:100%}.dropdown-program-item strong{color:#fff;display:block;font-size:13px;font-weight:650;margin-bottom:4px}.dropdown-program-item span{color:#ffffff9e;display:block;font-size:11px}.dropdown-bottom-action{align-items:center;background:hsla(0,0%,100%,.065);border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font:inherit;font-size:12px;font-weight:600;justify-content:space-between;margin-top:14px;padding:12px 14px;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:100%}.dropdown-bottom-action:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translateY(-1px)}.dropdown-bottom-action span:first-child{color:#fff}.dropdown-bottom-action span:last-child{color:#fff;font-size:17px;transition:transform .2s ease}.dropdown-bottom-action:hover
span:last-child{transform:translateX(3px)}.about-dropdown{width:365px}.about-dropdown-text{color:#ffffffc7;font-size:13px;line-height:1.7;margin:0 0 17px}.about-features{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.about-features>div{background:hsla(0,0%,100%,.055);border:1px solid #ffffff12;border-radius:11px;padding:12px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.about-features>div:hover{background:hsla(0,0%,100%,.095);border-color:#ffffff1f;transform:translateY(-2px)}.about-features p{color:#fff;font-size:11px;line-height:1.4;margin:0}.contact-dropdown{width:375px}.contact-intro{color:#ffffffbf;font-size:12px;line-height:1.65;margin:0 0 15px}.contact-detail{background:hsla(0,0%,100%,.055);border:1px solid #ffffff12;border-radius:13px;color:#fff;display:block;margin-top:8px;padding:13px;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}.contact-detail:hover{background:hsla(0,0%,100%,.095);border-color:#ffffff21;transform:translateX(3px)}.contact-detail span{color:#ffffff8c;display:block;font-size:10px;font-weight:600;letter-spacing:.8px;margin-bottom:5px;text-transform:uppercase}.contact-detail strong{color:#fff;display:block;font-size:12px;font-weight:600;word-break:break-word}@media (max-width:900px){.premium-dropdown{left:50%;position:fixed;top:80px;transform:translateX(-50%);width:min(370px,calc(100vw - 28px))}}@media (max-width:600px){.premium-dropdown{border-radius:17px;padding:17px;top:72px;width:calc(100vw - 24px)}.about-features{grid-template-columns:1fr}.dropdown-header h3{font-size:16px}.dropdown-program-item{padding:10px}.contact-detail strong{font-size:11px}}.login-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a,#38bdf8);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-overlay{animation:fadeInUp .8s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border-radius:22px;box-shadow:0 20px 60px #0000004d;display:grid;grid-template-columns:1fr .9fr;max-width:920px;overflow:hidden;width:100%}.login-left{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:42px 34px}.brand-badge{background:#ffffff26;border-radius:999px;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;padding:7px 14px;width:fit-content}.login-left h1{font-size:32px;line-height:1.2;margin-bottom:12px}.login-left p{color:#ffffffe6;font-size:15px;line-height:1.6;max-width:420px}.study-points{grid-gap:10px;display:grid;gap:10px;margin-top:22px}.study-card{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:10px;padding:12px 14px;transition:transform .3s ease,background .3s ease}.study-card:hover{background:#ffffff2e;transform:translateX(4px)}.study-card span{font-size:20px}.study-card p{color:#fff;font-size:14px;margin:0}.login-box{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:34px 28px}.login-box h2{color:#111827;font-size:26px;margin:0}.subtitle{color:#6b7280;font-size:14px;margin-bottom:22px;margin-top:8px}.input-group{margin-bottom:14px}.input-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.input-group input{border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:12px;transition:all .3s ease;width:100%}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.login-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:6px;padding:12px;transition:transform .25s ease,box-shadow .25s ease;width:100%}.login-btn:hover{box-shadow:0 12px 24px #2563eb40;transform:translateY(-2px)}.small-text{color:#6b7280;font-size:13px;margin-top:14px;text-align:center}.small-text span{color:#2563eb;cursor:pointer;font-weight:600}.back-btn{background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:12px;padding:12px;transition:background .3s ease,transform .25s ease;width:100%}.back-btn:hover{background:#1f2937;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.forgot-password-link{color:#2563eb;cursor:pointer;display:block;font-size:12px;font-weight:600;margin-top:6px;text-align:right}@media (max-width:900px){.login-overlay{grid-template-columns:1fr;max-width:520px}.login-left{padding:28px 22px}.login-left h1{font-size:26px}.login-box{padding:28px 22px}}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{padding-right:42px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:4px;position:absolute;right:10px}.password-toggle-btn:hover{color:#4b5563}.password-requirements-list{grid-gap:4px 12px;display:grid;gap:4px 12px;grid-template-columns:1fr 1fr;list-style:none;margin:8px 0 0;padding:0}.password-requirements-list li{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px}.password-requirements-list li.met{color:#16a34a}.password-requirements-list li svg{flex-shrink:0}.signup-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1d4ed8,#22d3ee);display:flex;justify-content:center;min-height:100vh;padding:20px}.signup-overlay{animation:signupFadeUp .8s ease;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border-radius:22px;box-shadow:0 20px 60px #00000047;display:grid;grid-template-columns:1fr .92fr;max-width:940px;overflow:hidden;width:100%}.signup-left{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:42px 34px}.signup-badge{background:#ffffff29;border-radius:999px;display:inline-block;font-size:13px;font-weight:700;margin-bottom:16px;padding:7px 14px;width:fit-content}.signup-left h1{font-size:32px;line-height:1.2;margin-bottom:12px}.signup-left p{color:#ffffffe6;font-size:15px;line-height:1.6;max-width:430px}.signup-points{grid-gap:10px;display:grid;gap:10px;margin-top:22px}.signup-card{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:10px;padding:12px 14px;transition:transform .3s ease,background .3s ease}.signup-card:hover{background:#ffffff2e;transform:translateX(4px)}.signup-card span{font-size:20px}.signup-card p{color:#fff;font-size:14px;margin:0}.signup-box{background:#fff;display:flex;flex-direction:column;justify-content:center;padding:34px 28px}.signup-box h2{color:#111827;font-size:26px;margin:0}.signup-subtitle{color:#6b7280;font-size:14px;margin-bottom:22px;margin-top:8px}.signup-input-group{margin-bottom:14px}.signup-input-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.signup-input-group input{border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:12px;transition:all .3s ease;width:100%}.signup-input-group input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.age-confirm-row{align-items:flex-start;color:#4b5563;cursor:pointer;display:flex;font-size:13px;gap:8px;line-height:1.5;margin:12px 0 20px}.age-confirm-row input{flex-shrink:0;margin-top:2px}.terms-inline-link{color:#2563eb;cursor:pointer;font-weight:600}.terms-inline-link:hover{text-decoration:underline}.signup-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:6px;padding:12px;transition:transform .25s ease,box-shadow .25s ease;width:100%}.auth-divider{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:12px;margin:18px 0}.auth-divider:after,.auth-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.google-auth-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:11px;transition:background .2s ease,box-shadow .2s ease;width:100%}.google-auth-btn:hover{background:#f9fafb;box-shadow:0 2px 8px #0000000f}.signup-btn:hover{box-shadow:0 12px 24px #2563eb40;transform:translateY(-2px)}.signup-small-text{color:#6b7280;font-size:13px;margin-top:14px;text-align:center}.signup-small-text span{color:#2563eb;cursor:pointer;font-weight:600}.signup-back-btn{background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:12px;padding:12px;transition:background .3s ease,transform .25s ease;width:100%}.signup-back-btn:hover{background:#1f2937;transform:translateY(-2px)}@keyframes signupFadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.auth-error{background:#fee2e2;border-radius:8px;color:#b91c1c;font-size:13px;padding:10px 12px}.auth-error,.auth-success{margin-bottom:14px}@media (max-width:900px){.signup-overlay{grid-template-columns:1fr;max-width:540px}.signup-left{padding:28px 22px}.signup-left h1{font-size:26px}.signup-box{padding:28px 22px}}.verify-otp-page{align-items:center;background:linear-gradient(135deg,#eff6ff,#f5f3ff);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-otp-box{background:#fff;border-radius:18px;box-shadow:0 20px 50px #0f172a1f;max-width:400px;padding:36px 32px;position:relative;text-align:center;width:100%}.verify-otp-back-btn{background:#0f172a0f;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:600;left:18px;padding:6px 8px;position:absolute;top:18px}.verify-otp-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:50%;color:#fff;display:flex;height:56px;justify-content:center;margin:20px auto 18px;width:56px}.verify-otp-box h1{color:#0f172a;font-size:20px;margin:0 0 10px}.verify-otp-subtitle{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 22px}.verify-otp-input{border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:22px;font-weight:700;letter-spacing:8px;margin-bottom:14px;padding:14px;text-align:center;width:100%}.verify-otp-resent{color:#16a34a;font-size:13px;margin:-6px 0 14px}.verify-otp-submit-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:13px;width:100%}.verify-otp-submit-btn:disabled{cursor:not-allowed;opacity:.6}.verify-otp-resend-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:13px;font-weight:600;margin-top:16px}.verify-otp-resend-btn:disabled{cursor:not-allowed;opacity:.6}.dashboard-page{background:linear-gradient(180deg,#eef4ff,#f8fbff);min-height:100vh}.dashboard-navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbf;border-bottom:1px solid #0f172a0f;flex-wrap:wrap;justify-content:space-between;padding:18px 36px;position:sticky;top:0;z-index:30}.dashboard-logo-wrap,.dashboard-navbar{align-items:center;display:flex;gap:12px}.dashboard-logo-circle{border-radius:28%;box-shadow:0 8px 20px #2563eb40;display:block;height:42px;width:42px}.dashboard-logo-wrap h2{color:#0f172a;margin:0}.dashboard-nav-right{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.notification-bell{background:#fff;box-shadow:0 8px 18px #0f172a14;cursor:pointer}.notification-bell,.user-avatar{align-items:center;border-radius:50%;display:flex;height:42px;justify-content:center;width:42px}.user-avatar{background:#0f172a;color:#fff;font-weight:700}.dashboard-container{padding:36px}.dashboard-hero{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.dashboard-label{background:#2563eb1a;border-radius:999px;color:#2563eb;display:inline-block;font-size:14px;font-weight:600;margin-bottom:12px;padding:8px 14px}.dashboard-hero h1{color:#0f172a;font-size:40px;margin:0 0 10px}.dashboard-subtext{color:#64748b;line-height:1.7;margin:0;max-width:680px}.home-btn{background:#0f172a;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:12px 18px;transition:transform .25s ease,background .25s ease}.home-btn:hover{background:#1e293b;transform:translateY(-2px)}.profile-reminder-banner{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:14px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:14px 20px}.profile-reminder-banner span{color:#1e3a8a;font-size:14px;font-weight:500}.profile-reminder-banner button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;white-space:nowrap}.profile-reminder-banner button:hover{background:#1d4ed8}.course-browse-section{margin-bottom:32px}.course-browse-header{align-items:center;color:#0f172a;display:flex;gap:8px;margin-bottom:16px}.course-browse-header h2{font-size:18px;margin:0}.course-browse-subtitle{color:#9ca3af;font-size:13px;margin-left:6px}.course-browse-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.browse-course-card{background:#fff;border-radius:14px;box-shadow:0 4px 14px #0000000f;cursor:pointer;padding:18px;transition:transform .2s ease,box-shadow .2s ease}.browse-course-card:hover{box-shadow:0 10px 24px #0000001a;transform:translateY(-3px)}.browse-course-card h3{color:#0f172a;font-size:16px;margin:10px 0 6px}.browse-course-program{color:#9ca3af;font-size:12px;margin-bottom:10px}.browse-course-price{color:#7c3aed;font-size:14px;font-weight:700;margin:0}.browse-course-price.free{color:#16a34a}.browse-course-lecturer{align-items:center;display:flex;gap:8px}.browse-course-lecturer img{border-radius:50%;flex-shrink:0;height:30px;object-fit:cover;width:30px}.browse-course-lecturer-placeholder{align-items:center;background:#ede9fe;border-radius:50%;color:#7c3aed;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:30px;justify-content:center;width:30px}.browse-course-lecturer span{color:#4b5563;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.official-course-badge{font-size:10px;padding:3px 9px}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.stat-card{background:#fff;border-radius:18px;box-shadow:0 10px 28px #0f172a12;padding:22px}.stat-card p{color:#64748b;font-size:14px;margin:0 0 10px}.stat-card h2{color:#0f172a;font-size:30px;margin:0}.dashboard-main-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1.2fr .8fr;margin-bottom:28px}.activity-card,.files-section,.upload-card{background:#fff;border-radius:20px;box-shadow:0 12px 32px #0f172a12}.activity-card,.upload-card{padding:24px}.activity-card h3,.files-section h3,.upload-card h3{color:#0f172a;margin-top:0}.activity-card p,.upload-card p{color:#64748b;line-height:1.6}.upload-box{align-items:center;background:linear-gradient(180deg,#eff6ff,#f8fbff);border:2px dashed #93c5fd;border-radius:18px;display:flex;flex-direction:column;margin-top:18px;padding:36px 20px;text-align:center}.upload-box span{display:block;font-size:36px;margin-bottom:10px}.upload-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-left:auto;margin-right:auto;margin-top:12px;padding:8px 14px;width:fit-content}.upload-btn:hover{box-shadow:0 8px 18px #2563eb4d;transform:translateY(-2px)}.hidden-file-input{display:none}.activity-item{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:14px 0}.activity-item:last-child{border-bottom:none}.activity-item span{font-size:22px}.activity-item h4{color:#0f172a;margin:0 0 4px}.activity-item p{color:#64748b;font-size:14px;margin:0}.files-section{padding:24px}.files-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px}.view-all-btn{background:#fff;border:1px solid #cbd5e1;border-radius:12px;cursor:pointer;padding:10px 16px}.files-actions{display:flex;flex-wrap:wrap;gap:10px}.clear-btn{background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;padding:10px 16px;transition:transform .25s ease,background .25s ease}.clear-btn:hover{background:#dc2626;transform:translateY(-2px)}.files-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.file-card{background:#f8fbff;border:1px solid #e2e8f0;border-radius:18px;padding:20px;transition:transform .25s ease,box-shadow .25s ease}.file-card:hover{box-shadow:0 14px 28px #0f172a14;transform:translateY(-5px)}.file-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.file-tag{background:#2563eb1a;border-radius:999px;color:#2563eb;font-size:12px;font-weight:700;padding:6px 10px}.file-card h4{color:#0f172a;margin:0 0 10px}.file-card p{color:#64748b;font-size:14px;margin:0 0 10px}.file-card small{color:#94a3b8}@media (max-width:1000px){.dashboard-main-grid,.files-grid,.stats-grid{grid-template-columns:1fr}.dashboard-container{padding:24px}.dashboard-navbar{padding:16px 20px}.dashboard-hero h1{font-size:30px}}@media (max-width:480px){.user-email{display:none}.dashboard-nav-right{gap:10px}}.program-select-wrap{margin-bottom:14px;margin-top:18px}.program-label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.program-select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;font-size:14px;outline:none;padding:12px 14px;transition:border-color .25s ease,box-shadow .25s ease;width:100%}.program-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.file-top-actions{align-items:center;display:flex;gap:10px}.premium-file-card{overflow:hidden;position:relative}.premium-file-card:before{background:linear-gradient(135deg,#2563eb0a,#38bdf805);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.file-card>*{position:relative;z-index:1}.premium-file-card:hover:before{opacity:1}.delete-icon-btn{align-items:center;background:#ef444414;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:transform .25s ease,background .25s ease,box-shadow .25s ease;width:34px}.delete-icon-btn:hover{background:#ef444429;box-shadow:0 10px 18px #ef444426;transform:translateY(-2px) scale(1.04)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.delete-modal{animation:modalPop .28s ease;border-radius:22px;box-shadow:0 25px 60px #0f172a38;padding:28px}.delete-modal-icon{align-items:center;background:#ef44441f;border-radius:18px;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.delete-modal h3{color:#0f172a;font-size:24px;margin:0 0 10px}.delete-modal p{color:#64748b;line-height:1.7;margin:0}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}.modal-cancel-btn,.modal-delete-btn{border-radius:12px;cursor:pointer;font-weight:600;min-width:120px;padding:12px 18px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.modal-cancel-btn{background:#fff;border:1px solid #cbd5e1;color:#0f172a}.modal-cancel-btn:hover{box-shadow:0 10px 20px #0f172a14;transform:translateY(-2px)}.modal-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:#fff}.modal-delete-btn:hover{box-shadow:0 12px 24px #ef444440;transform:translateY(-2px)}@keyframes modalPop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.edit-icon-btn{align-items:center;background:#2563eb14;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:transform .25s ease,background .25s ease,box-shadow .25s ease;width:34px}.edit-icon-btn:hover{background:#2563eb29;box-shadow:0 10px 18px #2563eb26;transform:translateY(-2px) scale(1.04)}.edit-modal{animation:modalPop .28s ease;background:#fff;border-radius:22px;box-shadow:0 25px 60px #0f172a38;max-width:460px;padding:28px;width:100%}.edit-modal-icon{align-items:center;background:#2563eb1f;border-radius:18px;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.edit-modal h3{color:#0f172a;font-size:24px;margin:0 0 10px;text-align:center}.edit-modal p{color:#64748b;line-height:1.7;margin:0 0 20px;text-align:center}.edit-form-group{margin-bottom:16px}.edit-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.edit-input,.edit-select{background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-sizing:border-box;color:#0f172a;font-size:14px;outline:none;padding:12px 14px;transition:border-color .25s ease,box-shadow .25s ease;width:100%}.edit-input:focus,.edit-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.modal-save-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;min-width:140px;padding:12px 18px;transition:transform .25s ease,box-shadow .25s ease}.modal-save-btn:hover{box-shadow:0 12px 24px #2563eb38;transform:translateY(-2px)}.filter-wrap,.search-wrap{width:100%}.filter-select,.search-input{background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-sizing:border-box;color:#0f172a;font-size:14px;outline:none;padding:12px 14px;transition:border-color .25s ease,box-shadow .25s ease;width:100%}.filter-select:focus,.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.empty-state{background:linear-gradient(180deg,#f8fbff,#eef6ff);border:1px dashed #bfdbfe;border-radius:20px;grid-column:1/-1;padding:36px 20px}.empty-state h3{color:#0f172a;margin:0 0 10px}.empty-state p{color:#64748b;margin:0}.filters-bar{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 12px 28px #0f172a0f;display:flex;gap:14px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:980px;padding:14px}.search-wrap{flex:1.2 1}.filter-wrap{width:220px}.sort-wrap{width:180px}.premium-search-wrap{align-items:center;background:#fff;border:1px solid #dbe3ef;border-radius:16px;box-shadow:0 6px 18px #0f172a0a;display:flex;min-height:54px;padding:0 14px;position:relative;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.premium-search-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f;transform:translateY(-1px)}.search-icon{font-size:16px;margin-right:10px;opacity:.75}.premium-search-input{background:#0000;color:#0f172a;flex:1 1;font-size:14px;outline:none;padding:14px 0}.premium-search-input,.premium-search-input:focus{border:none;box-shadow:none}.clear-search-btn{align-items:center;background:#eef2ff;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:background .25s ease,transform .25s ease;width:28px}.clear-search-btn:hover{background:#dbeafe;transform:scale(1.06)}.premium-filter-select,.sort-select{background:#fff;border:1px solid #dbe3ef;border-radius:16px;box-shadow:0 6px 18px #0f172a0a;box-sizing:border-box;color:#0f172a;font-size:14px;min-height:54px;outline:none;padding:0 14px;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;width:100%}.premium-filter-select:focus,.sort-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f;transform:translateY(-1px)}@media (max-width:1000px){.filters-bar{flex-direction:column;max-width:100%;padding:12px}.filter-wrap,.search-wrap,.sort-wrap{width:100%}}.open-file-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:13px;font-weight:600;margin-top:12px;padding:10px 14px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.open-file-btn:hover{box-shadow:0 10px 20px #2563eb33;transform:translateY(-2px)}.user-email{color:#fff;font-size:13px;margin-right:4px}.logout-btn{background:#93c5fd;border:none;border-radius:8px;color:#1e3a8a;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px}.logout-btn:hover{background:#60a5fa;color:#fff}.profile-menu-wrap{position:relative}.profile-menu-dropdown{animation:profileMenuIn .15s ease;background:#fff;border-radius:14px;box-shadow:0 16px 40px #0f172a2e;min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 10px);z-index:50}.profile-menu-item{border-radius:10px;color:#0f172a;cursor:pointer;font-size:14px;padding:10px 12px;white-space:nowrap}.profile-menu-item:hover{background:#eff6ff}.profile-menu-logout{color:#1e3a8a}.profile-menu-logout:hover{background:#dbeafe}@keyframes profileMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.saved-only-toggle{cursor:pointer;font-size:14px;gap:6px;margin:4px 0 12px}.file-meta-chip,.saved-only-toggle{align-items:center;display:inline-flex}.file-meta-chip{font-size:12px;gap:3px;margin-left:8px;opacity:.75}.file-meta-chip.saved{color:#2563eb;opacity:1}.save-file-btn{align-items:center;background:#0000;border:1px solid;border-radius:8px;color:inherit;cursor:pointer;display:inline-flex;font-size:14px;gap:4px;margin-left:8px;padding:8px 14px}.save-file-btn.saved{border-color:#2563eb;color:#2563eb}.suspend-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.suspended-list{margin-top:24px}.suspended-row{align-items:center;border-bottom:1px solid #80808040;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 0}.file-preview-overlay{align-items:center;background:#0f172ab3;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.file-preview-modal{background:#fff;border-radius:16px;box-shadow:0 30px 70px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:100%}.file-preview-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.file-preview-header h3{color:#0f172a;font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-close{background:#f3f4f6;border:none;border-radius:50%;color:#4b5563;cursor:pointer;flex-shrink:0;font-size:14px;height:30px;margin-left:12px;width:30px}.file-preview-close:hover{background:#e5e7eb}.file-preview-body{align-items:center;background:#f9fafb;display:flex;flex:1 1;justify-content:center;min-height:300px;overflow:auto}.file-preview-body img{display:block;margin:auto;max-height:70vh;max-width:100%}.pdf-frame{border:none;height:70vh;width:100%}.no-preview{color:#6b7280;padding:40px 30px;text-align:center}.no-preview-icon{font-size:44px;margin-bottom:14px}.no-preview p{font-size:14px;line-height:1.6;margin:0 auto;max-width:360px}.file-preview-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:14px 20px}.file-preview-footer .open-file-btn{margin:0}@media (max-width:600px){.file-preview-modal{max-height:90vh}.pdf-frame{height:60vh}}.edit-modal.has-visibility{max-height:90vh;overflow-y:auto;text-align:start}.edit-modal.has-visibility h3,.edit-modal.has-visibility>p{text-align:center}.vis-picker{margin:4px 0 18px}.vis-picker-title{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.vis-options{grid-gap:8px;display:grid;gap:8px}.vis-option{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;position:relative;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.vis-option:hover{border-color:#94a3b8}.vis-option.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.vis-option input[type=radio]{height:1px;margin:0;opacity:0;position:absolute;width:1px}.vis-option:focus-within{outline:2px solid #2563eb;outline-offset:2px}.vis-option-icon{background:#f1f5f9;border-radius:10px;color:#475569;display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.vis-option.selected .vis-option-icon{background:#dbeafe;color:#1d4ed8}.vis-option-text{grid-gap:1px;display:grid;gap:1px;min-width:0}.vis-option-text strong{color:#0f172a;font-size:14px}.vis-option-text small{color:#64748b;font-size:12px;line-height:1.35}.vis-people{margin-top:12px}.vis-people-label{color:#334155;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.vis-chip-box{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:6px;min-height:46px;padding:6px 8px}.vis-chip-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.vis-chip{align-items:center;background:#dbeafe;border-radius:999px;color:#1e3a8a;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:4px 6px 4px 10px}.vis-chip-remove{background:#1e3a8a1f;border:none;border-radius:50%;color:inherit;cursor:pointer;display:grid;height:18px;padding:0;place-items:center;width:18px}.vis-chip-remove:hover{background:#1e3a8a40}.vis-chip-input{background:#0000;border:none;color:#0f172a;flex:1 1 120px;font-size:14px;min-width:100px;outline:none;padding:6px 4px}.vis-people-actions{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.vis-add-btn{background:#fff;border:1px solid #2563eb;border-radius:999px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px}.vis-add-btn:disabled{cursor:not-allowed;opacity:.45}.vis-count,.vis-hint{color:#64748b;font-size:12px}.vis-hint{line-height:1.4;margin:8px 0 0}.vis-error{color:#dc2626;font-size:13px;font-weight:600;margin:8px 0 0}.vis-chip-box.has-error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.file-visibility-badge{align-items:center;background:#f1f5f9;border-radius:999px;color:#475569;display:inline-flex;font-size:11px;font-weight:600;gap:4px;margin-top:6px;padding:3px 9px}.file-visibility-badge.private{background:#fef3c7;color:#92400e}.file-visibility-badge.selected{background:#dbeafe;color:#1e3a8a}.upload-error-text{color:#b91c1c;font-size:13px;font-weight:600;margin:0 0 12px;text-align:center}.notifications-page{background:#f3f4f6;min-height:100vh}.notifications-navbar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a,#38bdf8);display:flex;justify-content:space-between;padding:18px 32px;position:relative}.notifications-title{align-items:center;color:#fff;display:flex;gap:10px}.notifications-title .bell-icon{font-size:22px}.notifications-title h2{font-size:20px;margin:0}.notifications-navbar .back-btn{background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:10px 12px;position:absolute;right:20px;top:4px;transition:background .25s ease;white-space:nowrap;width:auto}.notifications-navbar .back-btn:hover{background:#ffffff47}.notifications-container{margin:0 auto;max-width:1100px;padding:28px 24px 60px}.notifications-subtext{color:#4b5563;margin-bottom:18px}.search-filter-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:22px}.community-search-wrap{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:220px}.community-search-wrap label{color:#374151;font-size:13px;font-weight:600}.community-search-wrap input{background:#fff;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-size:14px;padding:10px 12px}.program-filter-wrap{display:flex;flex-direction:column;gap:6px;max-width:240px;min-width:180px}.program-filter-wrap label{color:#374151;font-size:13px;font-weight:600}.program-filter-wrap select{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:14px;padding:10px 12px}.notifications-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:340px 1fr}.community-files-list{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;gap:10px;min-height:200px;padding:14px}.community-file-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:border-color .2s ease,background .2s ease}.community-file-card:hover{background:#f8fafc;border-color:#93c5fd}.community-file-card.active{background:#eff6ff;border-color:#2563eb}.community-file-card .file-icon{font-size:24px}.community-file-card .file-info h4{color:#111827;font-size:14px;margin:0 0 2px}.community-file-card .file-info p{color:#6b7280;font-size:12px;margin:0}.community-file-card .file-info small{color:#9ca3af;font-size:11px}.file-detail-panel{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;min-height:320px;padding:22px}.file-detail-header h3{color:#111827;margin:0 0 6px}.file-detail-header p{color:#6b7280;font-size:14px;margin:0 0 14px}.file-detail-header .open-file-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:13px;font-weight:600;margin-bottom:20px;margin-right:10px;padding:10px 16px;text-decoration:none}.report-link-btn{background:none;border:none;color:#b91c1c;cursor:pointer;font-size:13px;font-weight:600;padding:0}.report-link-btn.small{font-size:12px;margin-left:10px}.report-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.report-modal{background:#fff;border-radius:18px;box-shadow:0 25px 60px #0000004d;max-width:420px;padding:28px;width:100%}.report-modal h3{color:#0f172a;margin:0 0 16px}.report-field-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.report-details-input,.report-reason-select{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:16px;padding:10px 12px;width:100%}.report-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-report-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 16px}.confirm-report-btn:disabled{cursor:not-allowed;opacity:.6}.auth-success{background:#dcfce7;border-radius:8px;color:#15803d;font-size:13px;padding:10px 12px}.comments-section h4{border-top:1px solid #e5e7eb;color:#111827;margin:0 0 12px;padding-top:18px}.comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.comment-item{background:#f9fafb;border-radius:10px;padding:10px 12px}.comment-author{color:#2563eb;font-size:12px;font-weight:700;margin-bottom:4px}.comment-text{color:#374151;font-size:14px;margin:0;white-space:pre-wrap}.comment-form textarea{border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;resize:vertical;width:100%}.comment-form-actions{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.anonymous-toggle{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:13px;gap:6px}.post-comment-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px}.post-comment-btn:disabled{cursor:not-allowed;opacity:.6}.error-text{background:#fee2e2;border-radius:8px;color:#b91c1c;font-size:13px;padding:8px 12px}.empty-state{padding:40px 20px}.empty-state-icon{font-size:34px}.tabs-row{display:flex;gap:10px;margin-bottom:22px}.tab-btn{background:#fff;border:1px solid #d1d5db;border-radius:999px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s ease}.tab-btn.active{background:linear-gradient(135deg,#2563eb,#38bdf8);border-color:#0000;color:#fff}.inbox-list{display:flex;flex-direction:column;gap:10px}.notification-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;text-align:left;transition:border-color .2s ease,background .2s ease}.notification-item:hover{background:#f8fafc;border-color:#93c5fd}.notification-item .notif-icon{font-size:20px}.notification-item p{color:#111827;font-size:14px;margin:0 0 4px}.notification-item .notif-preview{color:#6b7280;font-size:13px;font-style:italic}.notification-item small{color:#9ca3af;font-size:12px}.comment-thread{margin-bottom:6px}.reply-item{background:#f3f4f6;margin-left:26px;margin-top:8px}.reply-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:12px;font-weight:600;margin-top:4px;padding:0}.reply-form{display:flex;flex-direction:column;gap:8px;margin-left:26px;margin-top:8px}.reply-form textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;padding:8px 10px;resize:vertical}.post-comment-btn.small{align-self:flex-start;font-size:12px;padding:6px 12px}@media (max-width:800px){.notifications-grid{grid-template-columns:1fr}}.program-detail-page{background:#f8fafc;min-height:100vh}.program-detail-navbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;box-shadow:0 4px 20px #0f172a0f;display:flex;justify-content:space-between;padding:18px 50px;position:sticky;top:0;z-index:10}.program-detail-navbar .back-btn{background:#2b75cf;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:6px 8px;position:absolute;right:20px;top:14px;transition:background .25s ease;white-space:nowrap;width:auto}.program-detail-navbar .back-btn:hover{background:#eff6ff;transform:translateY(-1px)}.program-detail-hero{height:320px;overflow:hidden;position:relative}.program-detail-hero img{display:block;height:100%;object-fit:cover;width:100%}.program-detail-hero-overlay{background:linear-gradient(180deg,#0f172a26,#0f172abf);color:#fff;display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:40px 50px;position:absolute}.program-detail-hero-overlay .section-badge{background:#ffffff26;color:#fff;margin-bottom:12px;width:fit-content}.program-detail-hero-overlay h1{font-size:40px;margin:0 0 10px}.program-detail-hero-overlay p{color:#ffffffe6;font-size:16px;line-height:1.6;margin:0;max-width:600px}.program-detail-container{margin:0 auto;max-width:800px;padding:50px 24px 80px}.program-detail-article-placeholder{background:#fff;border:2px dashed #cbd5e1;border-radius:16px;color:#64748b;margin-bottom:40px;padding:40px;text-align:center}.program-detail-cta{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:20px;padding:40px 30px;text-align:center}.program-detail-cta h3{color:#0f172a;font-size:24px;margin:0 0 8px}.program-detail-cta p{color:#64748b;margin:0 0 20px}.program-detail-notfound{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}@media (max-width:700px){.program-detail-navbar{padding:16px 20px}.program-detail-hero{height:220px}.program-detail-hero-overlay{padding:24px}.program-detail-hero-overlay h1{font-size:28px}}.loading-screen{background:linear-gradient(135deg,#0f172a,#1e3a8a,#2563eb);flex-direction:column;gap:22px;inset:0;position:fixed;z-index:9999}.loading-logo-wrap,.loading-screen{align-items:center;display:flex;justify-content:center}.loading-logo-wrap{height:88px;position:relative;width:88px}.loading-ring{animation:loading-spin 1s linear infinite;border:3px solid #ffffff26;border-radius:32%;border-top-color:#fff;inset:-12px;position:absolute}.loading-logo{animation:loading-pulse 2s ease-in-out infinite;border-radius:28%;box-shadow:0 8px 30px #2563eb80;height:64px;width:64px}.loading-brand{animation:loading-fade-in .6s ease;color:#fff;font-family:Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px;margin:0}.loading-dots{display:flex;gap:6px}.loading-dots span{animation:loading-dot-bounce 1.4s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading-spin{to{transform:rotate(1turn)}}@keyframes loading-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes loading-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loading-dots span,.loading-logo,.loading-ring{animation:none}}.account-page{background:#f3f4f6;min-height:100vh}.account-navbar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a,#38bdf8);display:flex;justify-content:space-between;padding:18px 32px;position:sticky;top:0;z-index:10}.account-navbar h2{color:#fff;font-size:20px;margin:0}.account-navbar .back-btn{background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:10px 12px;position:absolute;right:20px;top:4px;transition:background .25s ease;white-space:nowrap;width:auto}.account-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:640px;padding:32px 20px 60px}.account-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;padding:26px}.account-card h3{color:#0f172a;margin:0 0 18px}.avatar-row{gap:20px}.avatar-preview,.avatar-row{align-items:center;display:flex}.avatar-preview{background:linear-gradient(135deg,#2563eb,#38bdf8);border-radius:50%;flex-shrink:0;height:84px;justify-content:center;overflow:hidden;width:84px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-fallback{color:#fff;font-size:24px;font-weight:700}.avatar-btn-row{display:flex;flex-wrap:wrap;gap:10px}.upload-photo-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff}.remove-photo-btn,.upload-photo-btn{border-radius:10px;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;padding:10px 16px}.remove-photo-btn{background:#fff;border:1px solid #fca5a5;color:#b91c1c}.remove-photo-btn:hover{background:#fee2e2}.remove-photo-btn:disabled{cursor:not-allowed;opacity:.6}.avatar-hint{color:#9ca3af;font-size:12px;margin:8px 0 0}.account-field{margin-bottom:16px}.account-field label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.account-field input{border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.account-field input:disabled{background:#f3f4f6;color:#9ca3af}.field-hint{margin:6px 0 0}.field-error,.field-success{margin:10px 0;padding:8px 12px}.field-success{background:#dcfce7;border-radius:8px;color:#15803d;font-size:13px}.save-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px}.save-btn:disabled{cursor:not-allowed;opacity:.6}.data-export-text{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:16px}.export-data-btn{background:#eff6ff;border:1px solid #93c5fd;border-radius:10px;color:#1e3a8a;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px}.export-data-btn:hover{background:#dbeafe}.export-data-btn:disabled{cursor:not-allowed;opacity:.6}.email-notif-row{align-items:center;display:flex;gap:20px;justify-content:space-between}.email-notif-text{color:#6b7280;flex:1 1;font-size:14px;line-height:1.6;margin:0}.toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:46px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#d1d5db;border-radius:999px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background .2s ease}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:20px;left:3px;position:absolute;transition:transform .2s ease;width:20px}.toggle-switch input:checked+.toggle-slider{background:#2563eb}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}.danger-zone{border:1px solid #fecaca}.danger-zone h3{color:#b91c1c}.danger-zone>p{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:16px}.delete-account-btn{background:#fff;border:1px solid #ef4444;border-radius:10px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px}.delete-account-btn:hover{background:#fee2e2}.delete-confirm-box{background:#fef2f2;border-radius:12px;padding:18px}.delete-warning{color:#991b1b;font-size:13px;line-height:1.6;margin:0 0 12px}.confirm-email-input{border:1px solid #fca5a5;border-radius:8px;box-sizing:border-box;font-size:14px;margin-bottom:12px;padding:10px 12px;width:100%}.confirm-checkbox-row{align-items:flex-start;color:#7f1d1d;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-bottom:16px}.delete-actions{display:flex;gap:10px}.cancel-delete-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-weight:600}.cancel-delete-btn,.confirm-delete-btn{cursor:pointer;font-size:13px;padding:10px 16px}.confirm-delete-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;font-weight:700}.confirm-delete-btn:disabled{cursor:not-allowed;opacity:.5}.delete-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.delete-modal{background:#fff;border-radius:18px;box-shadow:0 25px 60px #0000004d;max-width:420px;padding:32px;text-align:center;width:100%}.delete-modal-icon{font-size:40px;margin-bottom:12px}.delete-modal h3{color:#b91c1c;margin:0 0 12px}.delete-modal p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 24px}.delete-modal-actions{display:flex;gap:10px;justify-content:center}.moderation-page{background:#f3f4f6;min-height:100vh}.moderation-navbar{align-items:center;background:linear-gradient(135deg,#0f172a,#7f1d1d,#b91c1c);display:flex;justify-content:space-between;padding:18px 32px;position:sticky;top:0;z-index:10}.moderation-navbar h2{color:#fff;font-size:20px;margin:0}.moderation-navbar .back-btn{background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:10px 12px;position:absolute;right:20px;top:5px;transition:background .25s ease;white-space:nowrap;width:auto}.moderation-container{margin:0 auto;max-width:760px;padding:28px 20px 60px}.moderation-subtext{color:#6b7280;margin-bottom:20px}.reports-list{display:flex;flex-direction:column;gap:16px}.report-card{background:#fff;border-radius:14px;box-shadow:0 4px 14px #0000000f;padding:20px}.report-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.report-type-tag{background:#eff6ff;border-radius:999px;color:#1e3a8a;font-size:12px;font-weight:700;padding:4px 10px}.report-type-tag.comment{background:#f5f3ff;color:#5b21b6}.report-type-tag.user{background:#fef2f2;color:#b91c1c}.report-reason-tag{background:#fee2e2;border-radius:999px;color:#b91c1c;font-size:12px;font-weight:700;padding:4px 10px}.report-time{color:#9ca3af;font-size:12px;margin-left:auto}.report-preview{background:#f9fafb;border-radius:10px;margin-bottom:12px;padding:12px 14px}.report-preview strong{color:#0f172a}.report-preview p{color:#6b7280;font-size:13px;margin:4px 0 0}.report-comment-text{color:#374151!important;font-style:italic}.report-details{color:#4b5563;font-size:13px;margin-bottom:14px}.report-actions{display:flex;gap:10px}.dismiss-report-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-weight:600}.dismiss-report-btn,.remove-content-btn{cursor:pointer;font-size:13px;padding:8px 14px}.remove-content-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;font-weight:700}.dismiss-report-btn:disabled,.remove-content-btn:disabled{cursor:not-allowed;opacity:.6}.field-error{padding:10px 12px}.empty-state{padding:60px 20px}.empty-state-icon{font-size:40px;margin-bottom:10px}.report-page{background:#f8fafc;min-height:100vh}.report-navbar{align-items:center;background:#fff;border-bottom:1px solid #0f172a14;display:flex;gap:20px;padding:18px 32px 18px 100px;position:relative}.report-navbar .back-btn{background:#0f172a0f;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:600;left:20px;padding:6px 8px;position:absolute;top:14px;transition:background .25s ease;white-space:nowrap;width:auto}.report-navbar .back-btn:hover{background:#0f172a1f}.report-navbar h1{color:#0f172a;font-size:18px;margin:0}.report-container{margin:0 auto;max-width:560px;padding:32px 24px 60px}.report-form{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;padding:28px}.report-intro{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.report-form label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.report-form input,.report-form textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:16px;padding:10px 12px;resize:vertical;width:100%}.report-field-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.report-usertype-options{display:flex;gap:8px;margin-bottom:16px}.report-usertype-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px}.report-usertype-btn.selected{background:#f5f3ff;border-color:#7c3aed;color:#7c3aed}.report-submit-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:4px;padding:13px}.report-submit-btn:disabled{cursor:not-allowed;opacity:.6}.report-success{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;display:flex;flex-direction:column;gap:14px;padding:40px 32px;text-align:center}.report-success h2{color:#0f172a;font-size:19px;margin:0}.report-success p{color:#6b7280;font-size:14px;line-height:1.6;margin:0}.report-done-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:10px;padding:11px 28px}@media (max-width:500px){.report-field-row{grid-template-columns:1fr}}.contact-review-page{background:#f8fafc;min-height:100vh}.contact-review-navbar{align-items:center;background:#fff;border-bottom:1px solid #0f172a14;display:flex;gap:20px;padding:18px 32px 18px 100px;position:relative}.contact-review-navbar .back-btn{background:#0f172a0f;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:600;left:20px;padding:6px 8px;position:absolute;top:14px;transition:background .25s ease;white-space:nowrap;width:auto}.contact-review-navbar .back-btn:hover{background:#0f172a1f}.contact-review-navbar h1{color:#0f172a;font-size:18px;margin:0}.contact-review-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:700px;padding:32px 24px 60px}.submission-card{background:#fff;border-radius:14px;box-shadow:0 4px 14px #0000000f;padding:20px}.submission-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.submission-card-header strong{color:#0f172a;font-size:15px;margin-right:8px}.submission-usertype-badge{border-radius:999px;font-size:11px;font-weight:700;padding:3px 9px}.submission-usertype-badge.student{background:#dbeafe;color:#1e3a8a}.submission-usertype-badge.teacher{background:#ede9fe;color:#6d28d9}.submission-date{flex-shrink:0}.submission-contact-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.submission-contact-link{align-items:center;color:#7c3aed;display:flex;font-size:13px;gap:6px;text-decoration:none}.submission-contact-link:hover{text-decoration:underline}.submission-education{color:#9ca3af;font-size:12px;margin:0 0 10px}.submission-reason{background:#f9fafb;border-radius:10px;color:#374151;font-size:14px;line-height:1.5;margin:0 0 14px;padding:12px 14px}.submission-card-actions{display:flex;gap:10px}.submission-delete-btn,.submission-reply-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:9px}.submission-reply-btn{background:#7c3aed;border:none;color:#fff}.submission-delete-btn{background:#fff;border:1px solid #fca5a5;color:#dc2626}.submission-delete-btn:disabled,.submission-reply-btn:disabled{cursor:not-allowed;opacity:.6}.submission-reply-form textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;margin-bottom:10px;padding:10px 12px;resize:vertical;width:100%}.submission-reply-actions{display:flex;gap:10px;margin-bottom:8px}.submission-send-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:9px}.submission-send-btn:disabled{cursor:not-allowed;opacity:.6}.submission-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:600;padding:9px 16px}.submission-reply-note{color:#9ca3af;font-size:11px;margin:0}.lecturer-apps-page{background:#f8fafc;min-height:100vh}.lecturer-apps-navbar{align-items:center;background:#fff;border-bottom:1px solid #0f172a14;display:flex;gap:20px;padding:18px 32px 18px 100px;position:relative}.lecturer-apps-navbar .back-btn{background:#0f172a0f;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:600;left:20px;padding:6px 8px;position:absolute;top:14px;transition:background .25s ease;white-space:nowrap;width:auto}.lecturer-apps-navbar .back-btn:hover{background:#0f172a1f}.lecturer-apps-navbar h1{color:#0f172a;font-size:18px;margin:0}.lecturer-apps-container{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:700px;padding:32px 24px 60px}.lecturer-app-card{background:#fff;border-radius:14px;box-shadow:0 4px 14px #0000000f;padding:20px}.lecturer-app-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.lecturer-app-photo{border-radius:50%;flex-shrink:0;height:46px;object-fit:cover;width:46px}.lecturer-app-photo.placeholder{align-items:center;background:#ede9fe;color:#7c3aed;display:flex;font-weight:700;justify-content:center}.lecturer-app-header strong{color:#0f172a;display:block;font-size:15px}.lecturer-app-date{color:#9ca3af;font-size:12px}.lecturer-app-contact-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.lecturer-app-contact-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:6px}.lecturer-app-details{background:#f9fafb;border-radius:10px;margin-bottom:14px;padding:12px 14px}.lecturer-app-detail-row{display:flex;flex-direction:column;font-size:13px;gap:2px;padding:5px 0}.lecturer-app-detail-row span{color:#9ca3af;font-size:12px}.lecturer-app-detail-row strong{color:#374151}.lecturer-app-actions{display:flex;gap:10px}.lecturer-app-approve-btn,.lecturer-app-reject-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px}.lecturer-app-approve-btn{background:#16a34a;color:#fff}.lecturer-app-reject-btn{background:#fff;border:1px solid #fca5a5;color:#dc2626}.lecturer-app-approve-btn:disabled,.lecturer-app-reject-btn:disabled{cursor:not-allowed;opacity:.6}.language-select-page{background:#f3f4f6;min-height:100vh}.language-select-navbar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a,#38bdf8);display:flex;justify-content:space-between;padding:18px 32px;position:sticky;top:0;z-index:10}.language-select-navbar h2{color:#fff;font-size:20px;margin:0}.language-select-navbar .back-btn{background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:10px 12px;position:absolute;right:20px;top:5px;transition:background .25s ease;white-space:nowrap;width:auto}[dir=rtl] .language-select-navbar .back-btn{border-radius:0 0 8px 0;left:0;right:auto}.language-select-container{margin:0 auto;max-width:760px;padding:32px 20px 60px}.language-select-subtext{color:#6b7280;font-size:14px;margin-bottom:28px;text-align:center}.language-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.language-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:24px 16px;position:relative;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.language-card:hover{border-color:#93c5fd;box-shadow:0 10px 24px #0f172a14;transform:translateY(-3px)}.language-card.active{background:#eff6ff;border-color:#2563eb}.language-card-flag{font-size:36px}.language-card-native{color:#0f172a;font-size:16px;font-weight:700}.language-card-name{color:#9ca3af;font-size:12px}.language-card-check{align-items:center;background:#2563eb;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;position:absolute;right:10px;top:10px;width:20px}[dir=rtl] .language-card-check{left:10px;right:auto}@media (max-width:500px){.language-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.legal-page{background:#f8fafc;min-height:100vh}.legal-navbar{align-items:center;background:#fff;border-bottom:1px solid #0f172a14;display:flex;justify-content:space-between;padding:18px 32px;position:sticky;top:0;z-index:10}.legal-navbar .logo-wrap{align-items:center;display:flex;gap:10px}.legal-navbar .logo-circle{border-radius:28%;height:34px;width:34px}.legal-navbar h2{color:#0f172a;font-size:18px;margin:0}.legal-navbar .back-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:6px 8px;position:absolute;right:20px;top:14px;transition:background .25s ease;white-space:nowrap;width:auto}.legal-navbar .back-btn:hover{background:#f3f4f6}.legal-container{margin:0 auto;max-width:760px;padding:48px 24px 80px}.legal-container h1{color:#0f172a;font-size:32px;margin-bottom:8px}.legal-updated{color:#9ca3af;font-size:13px;margin-bottom:28px}.legal-intro{border-bottom:1px solid #e5e7eb;color:#374151;font-size:16px;line-height:1.7;margin-bottom:36px;padding-bottom:28px}.legal-section{margin-bottom:32px}.legal-section h2{color:#0f172a;font-size:19px;margin-bottom:12px}.legal-section p{line-height:1.7}.legal-section p,.legal-section ul{color:#4b5563;font-size:15px;margin-bottom:12px}.legal-section ul{line-height:1.8;padding-left:22px}.legal-section li{margin-bottom:6px}.legal-section strong{color:#1f2937}.lecturer-apply-box{border-top:2px solid #e5e7eb;margin-top:20px;padding-top:28px}.lecturer-apply-box .age-confirm-row{margin-bottom:20px}@media (max-width:600px){.legal-container{padding:32px 20px 60px}.legal-container h1{font-size:26px}}.profile-setup-page{background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.profile-setup-box{background:#fff;border-radius:20px;box-shadow:0 20px 50px #0f172a1a;height:fit-content;max-width:640px;padding:36px;width:100%}.profile-setup-box h1{color:#0f172a;font-size:22px;margin:0 0 8px}.profile-setup-intro{color:#6b7280;font-size:14px;margin:0 0 24px}.profile-setup-section-title{align-items:center;border-top:1px solid #f1f5f9;color:#0f172a;display:flex;font-size:15px;gap:10px;margin:28px 0 14px;padding-top:20px}.profile-setup-section-title:first-of-type{border-top:none;margin-top:0;padding-top:0}.profile-setup-optional-tag{background:#f3f4f6;border-radius:999px;color:#9ca3af;font-size:11px;font-weight:600;padding:2px 8px}.profile-setup-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.profile-setup-row-3{grid-template-columns:1fr 1fr 1fr}.profile-setup-box label{color:#374151;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.country-name-select,.profile-setup-box input,.profile-setup-box select{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.profile-setup-box>form>input{margin-bottom:6px}.profile-setup-phone-input-row{display:flex;gap:8px}.profile-setup-phone-input-row input{flex:1 1}.profile-setup-toggle-row{margin-bottom:14px}.profile-setup-toggle-options{display:flex;gap:8px;margin-bottom:14px}.profile-setup-toggle-options button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px}.profile-setup-toggle-options button.selected{background:#eff6ff;border-color:#2563eb;color:#2563eb}.profile-setup-inline-checkbox{align-items:center;color:#6b7280!important;cursor:pointer;display:flex!important;font-size:12px!important;font-weight:500!important;gap:6px;margin-top:6px}.profile-setup-inline-checkbox input{margin:0;width:auto!important}.profile-setup-repeatable-card{background:#f9fafb;border-radius:12px;margin-bottom:12px;padding:16px}.profile-setup-add-btn{background:#eff6ff;border:1px dashed #60a5fa;border-radius:8px;color:#2563eb;cursor:pointer;font-size:13px;font-weight:700;margin-bottom:20px;padding:10px;width:100%}.profile-setup-remove-btn{background:none;border:none;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;margin-top:6px;padding:0}.profile-setup-photo-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;margin-bottom:8px;padding-bottom:24px}.profile-setup-photo-upload{border-radius:50%;cursor:pointer;display:block;flex-shrink:0;height:64px;overflow:hidden;width:64px}.profile-setup-photo-upload img{height:100%;object-fit:cover;width:100%}.profile-setup-photo-placeholder{align-items:center;background:#dbeafe;color:#2563eb;display:flex;height:100%;justify-content:center;width:100%}.profile-setup-photo-row strong{color:#1f2937;display:block;font-size:14px;margin-bottom:2px}.username-available{color:#16a34a;font-size:12px;font-weight:600;margin:6px 0 0}.profile-setup-submit-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:24px;padding:14px;width:100%}.profile-setup-submit-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:550px){.profile-setup-row,.profile-setup-row-3{grid-template-columns:1fr}}.lecturer-form-intro{color:#6b7280;font-size:14px;margin-bottom:20px}.lecturer-photo-row{align-items:center;display:flex;gap:18px;margin-bottom:22px}.lecturer-photo-preview{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;display:flex;flex-shrink:0;height:76px;justify-content:center;overflow:hidden;width:76px}.lecturer-photo-preview img{height:100%;object-fit:cover;width:100%}.lecturer-photo-placeholder{color:#9ca3af;font-size:12px}.lecturer-photo-upload-btn{background:#fff;border:1px solid #7c3aed;border-radius:8px;color:#7c3aed;cursor:pointer;display:inline-block;font-size:13px;font-weight:700;padding:9px 16px}.lecturer-profile-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:480px){.lecturer-profile-row{gap:0;grid-template-columns:1fr}.lecturer-photo-row{align-items:flex-start;flex-direction:column}}.save-profile-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:20px;padding:13px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.save-profile-btn:hover:not(:disabled){box-shadow:0 8px 20px #2563eb40}.save-profile-btn:disabled{cursor:not-allowed;opacity:.6}.lecturer-page{background:#f8fafc;min-height:100vh}.lecturer-navbar{align-items:center;background:linear-gradient(135deg,#7c3aed,#0f172a);display:flex;justify-content:space-between;padding:18px 32px;position:sticky;top:0;z-index:10}.lecturer-navbar h2{color:#fff;font-size:19px;margin:0}.lecturer-logo-link{cursor:pointer;transition:opacity .15s ease}.lecturer-logo-link:hover{opacity:.85}.lecturer-navbar .back-btn{background:#ffffff26;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 8px;position:absolute;right:20px;top:4px;transition:background .25s ease;white-space:nowrap;width:auto}.lecturer-container{margin:0 auto;max-width:1000px;padding:32px 24px 60px}.lecturer-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.lecturer-label{color:#7c3aed;font-size:13px;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.lecturer-header-row h1{color:#0f172a;font-size:28px;margin-bottom:6px}.lecturer-subtext{color:#6b7280;font-size:14px}.create-course-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;white-space:nowrap}.create-course-btn:disabled{cursor:not-allowed;opacity:.6}.course-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.course-card{background:#fff;border-radius:14px;box-shadow:0 4px 14px #0000000f;cursor:pointer;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.course-card:hover{box-shadow:0 10px 24px #0000001a;transform:translateY(-3px)}.course-card-header{margin-bottom:12px}.course-status-badge{align-items:center;background:#f3f4f6;border-radius:999px;color:#6b7280;display:inline-flex;font-size:11px;font-weight:700;gap:5px;padding:4px 10px;text-transform:capitalize}.course-status-badge.published{background:#dcfce7;color:#15803d}.official-course-badge{align-items:center;margin-left:8px}.official-course-checkbox{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#78350f;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:20px;padding:14px 16px}.official-course-checkbox input{flex-shrink:0;margin-top:2px}.official-course-notice{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#78350f;font-size:13px;line-height:1.5;margin-bottom:20px;padding:14px 16px}.course-card h3{color:#0f172a;font-size:17px;margin-bottom:6px}.course-card-program{color:#9ca3af;font-size:13px;margin-bottom:10px}.course-card-price{color:#7c3aed;font-size:15px;font-weight:700}.create-course-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000f;margin:0 auto;max-width:560px;padding:32px}.create-course-card h1{color:#0f172a;font-size:24px;margin-bottom:6px}.lecturer-field{margin-bottom:18px}.lecturer-field label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.lecturer-field input,.lecturer-field textarea{border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:11px 14px;width:100%}.field-hint{color:#9ca3af;font-size:12px;margin-top:6px}.field-error{background:#fee2e2;border-radius:8px;color:#b91c1c;font-size:13px;margin-bottom:16px;padding:10px 14px}.lecturer-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.cancel-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:11px 18px}.back-to-courses-btn{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:13px;font-weight:600;margin-bottom:20px;padding:0}.cover-image-section{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;display:flex;gap:20px;margin-bottom:20px;padding:20px}.cover-image-preview{background:#f3f4f6;border-radius:10px;flex-shrink:0;height:90px;overflow:hidden;width:140px}.cover-image-preview img{height:100%;object-fit:cover;width:100%}.cover-image-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:6px;height:100%;justify-content:center;width:100%}.cover-image-placeholder span{font-size:11px}.cover-image-upload-btn{background:#fff;border:1px solid #7c3aed;border-radius:8px;color:#7c3aed;cursor:pointer;display:inline-block;font-size:13px;font-weight:700;padding:9px 16px}.enrolled-students-section{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;margin-top:20px;padding:24px}.enrolled-count-badge{background:#ede9fe;border-radius:999px;color:#7c3aed;font-size:12px;font-weight:700;padding:3px 10px}.enrolled-students-list{display:flex;flex-direction:column;gap:6px}.enrolled-student-row{align-items:center;background:#f9fafb;border-radius:10px;display:flex;justify-content:space-between;padding:11px 14px}.enrolled-student-name{color:#1f2937;font-size:14px;font-weight:600}.enrolled-student-date{color:#9ca3af;font-size:12px}.manage-course-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:24px}.manage-course-header h1{color:#0f172a;font-size:22px;margin:10px 0 6px}.manage-course-actions{display:flex;flex-shrink:0;gap:10px}.publish-toggle-btn{background:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 16px}.delete-course-btn{align-items:center;background:#fff;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;cursor:pointer;display:flex;height:38px;justify-content:center;width:38px}.delete-course-btn:disabled,.publish-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.lessons-section{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;padding:24px}.lessons-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.lessons-header-row h2{color:#0f172a;font-size:17px;margin:0}.add-lesson-btn{background:#fff;border:1px solid #7c3aed;border-radius:8px;color:#7c3aed;cursor:pointer;font-size:13px;font-weight:700;padding:8px 14px}.lessons-list{display:flex;flex-direction:column;gap:8px}.lesson-row{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:12px;padding:12px 14px}.lesson-delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;flex-shrink:0;padding:4px}.lesson-delete-btn:hover{color:#b91c1c}.comments-coming-soon{align-items:center;background:#f3f4f6;border-radius:10px;color:#6b7280;display:flex;font-size:13px;gap:8px;margin-top:20px;padding:14px 18px}.muted-text{color:#9ca3af;font-size:13px}.empty-state{color:#9ca3af;padding:50px 20px;text-align:center}.empty-state p{margin:12px 0 16px}.lecturer-modal-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.lecturer-modal{background:#fff;border-radius:18px;max-height:85vh;max-width:480px;overflow-y:auto;padding:28px;width:100%}.lecturer-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.lecturer-modal-header h3{color:#0f172a;margin:0}.modal-close-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.file-upload-btn{border-radius:10px;color:#6b7280;display:flex;padding:11px 14px}.free-preview-checkbox{align-items:flex-start;color:#4b5563;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:4px}.free-preview-checkbox input{margin-top:2px}.stop-teaching-section{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-top:32px;padding:20px 24px}.stop-teaching-section h4{color:#991b1b;font-size:15px;margin:0 0 6px}.stop-teaching-section p{color:#7f1d1d;font-size:13px;line-height:1.5;margin:0;max-width:480px}.stop-teaching-btn{background:#fff;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:700;padding:10px 18px;white-space:nowrap}.stop-teaching-btn:hover{background:#dc2626;color:#fff}.stop-teaching-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.lecturer-container{padding:24px 16px 40px}.manage-course-header{flex-direction:column}.manage-course-actions{width:100%}.publish-toggle-btn{flex:1 1}}.lesson-card{background:#f9fafb;border-radius:10px;margin-bottom:10px;overflow:hidden}.lesson-card-bar{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.lesson-card-title-group{align-items:center;display:flex;gap:10px;min-width:0}.lesson-card-title-group strong{color:#1f2937;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-card-bar-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.lesson-expand-toggle{align-items:center;background:#ede9fe;border:none;border-radius:8px;color:#7c3aed;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.lesson-expand-toggle:hover{background:#ddd6fe}.lesson-card-body{border-top:1px solid #eef0f3;padding:14px 14px 16px}.lesson-card-description{color:#4b5563;margin:0 0 12px}.lesson-file-row{align-items:center;background:#fff;border-radius:8px;color:#374151;display:flex;gap:8px;margin-bottom:6px;padding:8px 10px}.lesson-file-name{flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-file-remove-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:2px}.lesson-file-remove-btn:hover{color:#dc2626}.lesson-upload-btn{display:inline-flex;margin-top:8px}.manage-exercises-btn{border-color:#2563eb!important;color:#2563eb!important}.course-detail-page{background:#f8fafc;min-height:100vh}.course-detail-navbar{background:#fff;border-bottom:1px solid #0f172a14;padding:18px 32px 18px 100px;position:sticky;top:0;z-index:10}.course-detail-navbar .back-btn{background:#0f172a0f;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:600;left:20px;padding:6px 8px;position:absolute;top:4px;transition:background .25s ease;white-space:nowrap;width:auto}.course-detail-navbar .back-btn:hover{background:#0f172a1f}.course-detail-container{margin:0 auto;max-width:900px;padding:40px 24px 60px}.course-detail-header{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr 280px;margin-bottom:36px}.course-detail-header-main h1{color:#0f172a;font-size:28px;margin:10px 0 6px}.course-detail-program{color:#7c3aed;font-size:13px;font-weight:600;margin-bottom:14px}.course-detail-starting-date{align-items:center;color:#6b7280;display:flex;font-size:13px;margin:0 0 14px}.course-detail-description{color:#4b5563;font-size:15px;line-height:1.7}.course-detail-side-card{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;height:fit-content;padding:22px}.course-detail-price{color:#0f172a;font-size:26px;font-weight:800;margin:0 0 18px}.course-detail-lecturer{align-items:center;display:flex;gap:12px;margin-bottom:18px}.course-detail-lecturer-photo{border-radius:50%;flex-shrink:0;height:44px;object-fit:cover;width:44px}.course-detail-lecturer-photo.placeholder{align-items:center;background:#ede9fe;color:#7c3aed;display:flex;font-weight:700;justify-content:center}.official-lecturer-icon{align-items:center;background:linear-gradient(135deg,#fde68a,#fbbf24);border-radius:50%;color:#78350f;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.course-detail-lecturer strong{color:#1f2937;display:block;font-size:14px}.course-detail-lecturer span{color:#9ca3af;font-size:12px}.enroll-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px;width:100%}.free-course-note{background:#f0fdf4;border-radius:8px;color:#16a34a;font-size:12px;margin:0;padding:10px 12px}.start-qa-btn{background:#fff;border:1px solid #7c3aed;border-radius:12px;color:#7c3aed;cursor:pointer;font-size:14px;font-weight:700;margin-top:20px;padding:13px;width:100%}.start-qa-btn:hover{background:#f5f3ff}.course-detail-lessons{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;padding:24px}.course-detail-lessons h2{color:#0f172a;font-size:17px;margin:0 0 18px}.student-lesson-row{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:13px 14px}.student-lesson-row.unlocked{cursor:pointer}.student-lesson-row.unlocked:hover{background:#f3f4f6}.student-lesson-row.locked{cursor:not-allowed;opacity:.6}.lesson-number{align-items:center;background:#ede9fe;border-radius:50%;color:#7c3aed;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.lesson-icon{color:#9ca3af;flex-shrink:0}.lesson-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.lesson-info strong{color:#1f2937;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.free-preview-tag{background:#dbeafe;color:#1e3a8a;flex-shrink:0;padding:3px 8px}.free-preview-tag,.official-course-badge{border-radius:999px;font-size:11px;font-weight:700}.official-course-badge{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#78350f;display:inline-flex;padding:4px 10px}@media (max-width:700px){.course-detail-header{grid-template-columns:1fr}}.student-lesson-card{background:#f9fafb;border-radius:10px;margin-bottom:8px;overflow:hidden}.student-lesson-card.locked{opacity:.65}.student-lesson-bar{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:12px;justify-content:space-between;padding:13px 14px;text-align:left;width:100%}.student-lesson-card.locked .student-lesson-bar{cursor:not-allowed}.student-lesson-bar:hover:not(:disabled){background:#f3f4f6}.student-lesson-title-group{align-items:center;display:flex;gap:12px;min-width:0}.student-lesson-body{padding:0 14px 16px 50px}.student-lesson-file-row{align-items:center;background:#fff;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;margin-bottom:6px;padding:9px 10px;text-align:left;width:100%}.student-lesson-file-row:hover:not(:disabled){background:#eff6ff;color:#2563eb}.student-lesson-file-row:disabled{cursor:default;opacity:.7}.lesson-card-description{color:#6b7280;font-size:13px;line-height:1.5;margin:8px 0 12px}.my-submission-box{background:#f9fafb;border-radius:10px;margin-bottom:14px;padding:14px}.my-submission-label{color:#6b7280;font-size:12px;font-weight:700;margin:0 0 8px}.feedback-received-box{border-top:1px dashed #e5e7eb;margin-top:12px;padding-top:12px}.exercise-submit-form textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;margin-bottom:10px;padding:10px 12px;resize:vertical;width:100%}.submit-answer-btn{background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;margin-top:10px;padding:11px;width:100%}.submit-answer-btn:disabled{cursor:not-allowed;opacity:.6}.file-upload-btn{align-items:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;display:inline-flex;font-size:13px;margin-bottom:4px;padding:9px 12px}.qa-page{background:#f8fafc;min-height:100vh}.qa-page-navbar{align-items:center;background:#fff;border-bottom:1px solid #0f172a14;display:flex;gap:20px;padding:18px 32px 18px 100px;position:sticky;top:0;z-index:10}.qa-page-navbar .back-btn{background:#0f172a0f;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:600;left:20px;padding:6px 8px;position:absolute;top:4px;transition:background .25s ease;white-space:nowrap;width:auto}.qa-page-navbar .back-btn:hover{background:#0f172a1f}.qa-page-navbar h1{color:#0f172a;font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-page-container{margin:0 auto;max-width:700px;padding:32px 24px 60px}@media (max-width:500px){.qa-page-navbar{padding:14px 18px 14px 80px}.qa-page-navbar h1{font-size:15px}.qa-page-navbar .back-btn{left:12px;top:12px}}.qa-room{background:#fff;border-radius:16px;box-shadow:0 4px 14px #0000000f;margin-top:20px;padding:24px}.qa-room-header{align-items:center;color:#0f172a;display:flex;gap:8px;margin-bottom:16px}.qa-room-header h2{font-size:17px;margin:0}.qa-thread-list{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}.qa-comment{background:#f9fafb;border-radius:12px;padding:12px 14px}.qa-comment.own-comment{background:#eff6ff}.qa-comment-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.qa-comment-head strong{color:#1f2937;font-size:13px}.qa-comment-time{color:#9ca3af;font-size:11px}.qa-comment p{color:#374151;font-size:14px;line-height:1.5;margin:0}.qa-reply-btn{background:none;border:none;color:#7c3aed;cursor:pointer;font-size:12px;font-weight:700;padding:6px 0 0}.qa-reply{align-items:flex-start;color:#9ca3af;display:flex;gap:8px;margin-left:24px;margin-top:8px}.qa-reply .qa-comment{flex:1 1}.qa-post-form{border-top:1px solid #e5e7eb;padding-top:16px}.qa-replying-note{color:#7c3aed;font-size:12px;margin-bottom:8px}.qa-replying-note button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:12px;padding:0;text-decoration:underline}.qa-post-row{display:flex;gap:8px}.qa-post-row input{border:1px solid #d1d5db;border-radius:10px;flex:1 1;font-family:inherit;font-size:14px;padding:11px 14px}.qa-post-row button{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;width:42px}.qa-post-row button:disabled{cursor:not-allowed;opacity:.5}.exercises-page{background:#f8fafc;min-height:100vh}.exercises-navbar{align-items:center;background:#fff;border-bottom:1px solid #0f172a14;display:flex;gap:20px;padding:18px 32px 18px 100px;position:relative}.exercises-navbar .back-btn{background:#0f172a0f;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:600;left:20px;padding:6px 8px;position:absolute;top:14px;transition:background .25s ease;white-space:nowrap;width:auto}.exercises-navbar .back-btn:hover{background:#0f172a1f}.exercises-navbar h1{color:#0f172a;font-size:18px;margin:0}.exercises-container{margin:0 auto;max-width:700px;padding:32px 24px 60px}.add-exercise-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:20px;padding:13px;width:100%}.exercise-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:12px;overflow:hidden}.exercise-card-bar{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:16px}.exercise-card-title-group{cursor:pointer;flex:1 1;min-width:0}.exercise-card-title-group strong{color:#1f2937;font-size:15px}.exercise-card-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.exercise-delete-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:4px}.exercise-delete-btn:hover{color:#dc2626}.exercise-expand-toggle{align-items:center;background:#ede9fe;border:none;border-radius:8px;color:#7c3aed;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.exercise-card-body{border-top:1px solid #f1f5f9;padding:14px 16px 18px}.exercise-instructions{color:#4b5563;font-size:13px;line-height:1.6;margin:0 0 12px;white-space:pre-wrap}.exercise-file-link{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;margin-bottom:14px;padding:8px 12px}.exercise-file-link:hover{background:#f9fafb}.submissions-heading{border-top:1px solid #f1f5f9;color:#1f2937;font-size:13px;margin:8px 0 12px;padding-top:12px}.submission-row{background:#f9fafb;border-radius:10px;margin-bottom:10px;padding:14px}.submission-row-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.submission-row-header strong{color:#0f172a;font-size:13px}.submission-date{color:#9ca3af;font-size:12px}.submission-answer-text{background:#fff;border-radius:8px;color:#374151;font-size:13px;line-height:1.5;margin:0 0 10px;padding:10px 12px;white-space:pre-wrap}.feedback-row textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;margin-bottom:8px;padding:8px 10px;resize:vertical;width:100%}.save-feedback-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px}.save-feedback-btn:disabled{cursor:not-allowed;opacity:.6}
/*# sourceMappingURL=main.06b73014.css.map*/