@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap');
:root{--bg:#050615;--panel:#101329;--panel2:#151932;--line:#ffffff16;--text:#f7f8ff;--muted:#9ea7c9;--cyan:#26d9ff;--purple:#8739ff;--green:#21e6a1;--red:#ff5d7d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 100%,#002f3c 0,transparent 30%),radial-gradient(circle at 0 0,#32106a 0,transparent 28%),var(--bg);color:var(--text);font-family:'Hind Siliguri',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.brand-logo{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--cyan),var(--purple));font:800 22px Outfit;box-shadow:0 0 25px #7e42ff66}.brand-logo.large{width:64px;height:64px;font-size:32px}
.welcome-page,.login-page,.status-page{min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden}.welcome-orb{position:fixed;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.25}.welcome-orb.one{background:var(--purple);left:-150px;top:-150px}.welcome-orb.two{background:var(--cyan);right:-150px;bottom:-150px}.welcome-card,.login-panel,.status-card{width:min(650px,100%);position:relative;padding:46px;border:1px solid var(--line);border-radius:32px;background:#0c0f23dd;box-shadow:0 30px 90px #0008;backdrop-filter:blur(20px)}.welcome-card{text-align:center}.eyebrow,.welcome-card>p:first-of-type,.login-panel>p:first-of-type{letter-spacing:3px;color:var(--cyan);font:600 12px Outfit}.welcome-card h1{font:800 clamp(42px,8vw,76px)/1.02 Outfit;margin:18px 0}.welcome-card h1 span{background:linear-gradient(90deg,var(--cyan),#fff,var(--purple));-webkit-background-clip:text;color:transparent}.welcome-copy,.muted{color:var(--muted);font-size:18px}.welcome-actions{display:grid;gap:14px;margin-top:30px}.hello-login{justify-self:center;padding:8px 20px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:14px}.join-student{display:flex;align-items:center;justify-content:center;gap:16px;padding:22px;border-radius:20px;background:linear-gradient(120deg,#19c8ff,#6453ff 50%,#b629ff);font:800 25px Outfit;box-shadow:0 15px 45px #793cff55;transition:.25s}.join-student:hover{transform:translateY(-3px) scale(1.01)}.join-student small{font-size:10px;letter-spacing:2px}.join-student.compact{font-size:17px;padding:15px;margin-top:16px}.trust-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:24px}
.join-page{min-height:100vh;padding:35px 18px}.join-wrap{max-width:980px;margin:auto}.back-link,.text-link{color:var(--cyan)}.join-heading{display:flex;gap:16px;align-items:center;margin:25px 0}.join-heading p{margin:0;color:var(--cyan);letter-spacing:2px}.join-heading h1{margin:3px 0;font:800 36px Outfit}.join-form section,.panel{background:#0d1023e8;border:1px solid var(--line);border-radius:22px;padding:26px;margin:18px 0;box-shadow:0 15px 50px #0004}.join-form h2{font:700 18px Outfit;color:#dce1ff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:7px;color:#ccd2ed;font-weight:600}label small{color:var(--muted);font-weight:400}input,select{width:100%;padding:14px 15px;background:#07091a;border:1px solid #ffffff20;border-radius:12px;color:#fff;outline:none}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #21d8ff1c}.payment-help,.security-note{padding:14px;border-radius:12px;background:#22d9ff10;border:1px solid #22d9ff33;color:#bcefff;margin-bottom:16px}.consent{display:flex;grid-template-columns:auto 1fr;align-items:center}.consent input{width:auto}.submit-join,.login-submit,.card-button{border:0;color:#fff;padding:16px 22px;border-radius:14px;background:linear-gradient(110deg,#20c9f4,#7548ee,#c32df2);font-weight:800;cursor:pointer;display:inline-block}.submit-join{width:100%;font-size:18px}.privacy-note{text-align:center;color:var(--muted);font-size:12px}
.login-panel{max-width:470px}.login-panel h1{font:800 40px Outfit;margin:10px 0}.login-panel form{display:grid;gap:16px;margin:24px 0}.login-submit{width:100%}.login-links{display:flex;justify-content:space-between;color:var(--cyan);font-size:14px}.alert{padding:13px 16px;border-radius:12px;margin:14px 0}.alert.error{background:#ff54731b;border:1px solid #ff547355;color:#ff9caf}.alert.success{background:#16dc9d1b;border:1px solid #16dc9d55;color:#88f3cd}
.status-card{text-align:center}.status-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#18dba31d;border:1px solid #18dba355;color:var(--green);font-size:35px}.status-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.status-details span{padding:12px;background:#080a19;border-radius:12px;color:var(--muted)}.status-details b{display:block;color:#fff}.status-search{display:flex;gap:8px;margin:20px 0}.status-search button{border:0;background:var(--purple);color:#fff;border-radius:12px;padding:0 18px}
.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.student-sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#070819e8;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 26px}.brand span:last-child{display:grid}.brand small{font-size:9px;letter-spacing:2px;color:var(--muted)}.student-sidebar nav{display:grid;gap:8px}.student-sidebar nav a{padding:13px 14px;border-radius:12px;color:#b7bedc}.student-sidebar nav a:hover{background:#ffffff09;color:#fff}.count{float:right;background:var(--red);color:#fff;border-radius:20px;padding:1px 7px;font-size:11px}.logout{margin-top:auto;color:#ff8299;padding:12px}.student-main{min-width:0;padding:0 30px 50px}.topbar{min-height:105px;display:flex;align-items:center;gap:20px;justify-content:space-between}.topbar h1{font:800 30px Outfit;margin:0}.topbar p{color:var(--muted);margin:5px 0}.student-mini{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:14px;background:#101329}.student-mini>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--cyan),var(--purple));font-weight:800}.student-mini div{display:grid}.student-mini small{color:var(--muted)}.menu-btn{display:none}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats-grid>div{padding:22px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,#11152e,#0b0d1e)}.stats-grid span{color:var(--muted)}.stats-grid b{display:block;font:800 36px Outfit;margin-top:8px}.stats-grid .small-stat{font-size:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font:700 22px Outfit}.panel-head a{color:var(--cyan)}.announcement-list{display:grid;gap:10px}.announcement-list article{display:flex;gap:12px;padding:15px;background:#080a1a;border-radius:14px}.announcement-list p{margin:4px 0;color:var(--muted)}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#0b0e21}.course-cover{height:155px;background:linear-gradient(135deg,#12375e,#402079,#0c6880);display:grid;place-items:center}.course-cover img{width:100%;height:100%;object-fit:cover}.course-cover span{font:800 55px Outfit}.course-body{padding:18px}.course-body small{color:var(--cyan)}.course-body h3{font:700 21px Outfit;margin:8px 0}.course-body p{color:var(--muted);min-height:44px}.progress{height:7px;background:#ffffff12;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple))}.course-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:13px}.course-foot a{color:var(--cyan)}.price{display:flex;gap:10px;align-items:center;margin:14px 0}.price del{color:var(--muted)}.price b{font:800 24px Outfit}.access-badge{padding:4px 9px;border-radius:20px;background:#ffffff12}.access-badge.active{color:var(--green)}.empty-state{text-align:center;padding:40px;grid-column:1/-1;color:var(--muted)}
.course-hero{display:flex;justify-content:space-between;align-items:end;padding:30px;border-radius:22px;background:linear-gradient(120deg,#163865,#3f1d74,#054c5f);margin-bottom:20px}.course-hero span{color:#8cecff}.course-hero h2{font:800 38px Outfit;margin:7px 0}.course-hero p{max-width:700px;color:#c6ceeb}.module-list{display:grid;gap:16px}.module-card{border:1px solid var(--line);border-radius:18px;background:#0d1023;overflow:hidden}.module-card>header{display:flex;gap:14px;padding:20px}.module-card>header>span{font:800 28px Outfit;color:var(--cyan)}.module-card h3{margin:0}.module-card p{color:var(--muted);margin:5px 0}.lesson-list{border-top:1px solid var(--line)}.lesson-row{display:flex;gap:13px;align-items:center;padding:15px 20px;border-bottom:1px solid #ffffff0c}.lesson-row:hover{background:#ffffff05}.lesson-row>div{flex:1;display:grid}.lesson-row small{color:var(--muted)}.play-dot{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#8144ff33;color:#b99cff}
.video-stage{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#03040b;box-shadow:0 30px 80px #0008}.video-brandbar,.video-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(90deg,#10152e,#251044,#092936);font-size:13px}.video-brandbar>div{display:flex;gap:10px;align-items:center}.video-brandbar .brand-logo{width:32px;height:32px;font-size:16px}.video-wrap{position:relative;aspect-ratio:16/9;background:#000;display:grid;place-items:center;overflow:hidden}.video-wrap video,.video-wrap iframe{width:100%;height:100%;border:0}.moving-watermark{position:absolute;z-index:5;left:10%;top:12%;padding:7px 12px;border-radius:8px;background:#0008;color:#fff9;font-size:12px;pointer-events:none;transition:2s}.video-footer{color:#aeb7d8}.lesson-info p{color:var(--muted)}.text-lesson{padding:30px;overflow:auto;max-height:70vh}.external-resource{padding:20px;background:var(--purple);border-radius:15px}
.profile-grid{display:grid;grid-template-columns:350px 1fr;gap:18px}.profile-card{text-align:center}.profile-avatar{width:100px;height:100px;border-radius:30px;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,var(--cyan),var(--purple));font:800 42px Outfit}.profile-card dl{text-align:left;display:grid;grid-template-columns:100px 1fr;gap:12px}.profile-card dt{color:var(--muted)}.simple-form{display:grid;gap:15px}.notification-list{display:grid;gap:12px}.notification-list article{display:flex;gap:13px;padding:16px;border-radius:14px;background:#080a1a}.notification-list p{color:var(--muted)}
@media(max-width:1000px){.course-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.form-grid,.status-details,.stats-grid,.profile-grid{grid-template-columns:1fr}.welcome-card,.login-panel,.status-card{padding:28px 20px}.app-shell{grid-template-columns:1fr}.student-sidebar{position:fixed;z-index:30;left:-280px;width:260px;transition:.25s}.student-sidebar.open{left:0}.student-main{padding:0 15px 35px}.menu-btn{display:block;background:none;border:0;color:#fff;font-size:25px}.student-mini{display:none}.topbar{justify-content:flex-start}.course-grid{grid-template-columns:1fr}.course-hero{display:block}.video-brandbar,.video-footer{font-size:10px}.join-heading h1{font-size:27px}}