:root{--ink:#102a43;--muted:#64748b;--blue:#1463ff;--cyan:#22d3ee;--paper:#f5f8fc;--white:#fff;--line:#dfe7f1;--green:#0f9f75;--red:#dc4255;--shadow:0 16px 50px rgba(20,47,82,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,Tahoma,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:82px;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center}.brand b,.brand small{display:block}.brand b{font-size:17px}.brand small{font-size:10px;color:var(--muted);letter-spacing:.2px}.atom{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font:800 26px Georgia;box-shadow:0 8px 20px #1463ff44}.topbar nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600}.hello{color:var(--muted)}main{max-width:1180px;margin:auto;padding:70px 24px}.hero{min-height:630px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1.4px}.hero h1,.auth-side h1{font-size:64px;line-height:1.28;margin:18px 0 22px;letter-spacing:-2.5px}.hero h1 em,.auth-side h1 em{font-style:normal;color:var(--blue)}.hero p,.auth-side p{font-size:18px;color:var(--muted);max-width:600px}.actions{display:flex;align-items:center;gap:28px;margin-top:36px}.btn{border:0;border-radius:9px;padding:13px 24px;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #1463ff30}.btn:hover{background:#0a4ddd;transform:translateY(-1px)}.btn.small{padding:8px 16px}.btn.wide{width:100%}.btn.outline{background:white;color:var(--blue);border:1px solid #bad0ff;box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.text-link{font-weight:700}.physics-card{height:440px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#dff7ff 0,transparent 52%),linear-gradient(145deg,#fff,#e9f1fb);border:1px solid white;border-radius:50px 10px 50px 10px;box-shadow:var(--shadow);overflow:hidden}.nucleus{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;color:white;font:700 76px Georgia;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 50px #22d3ee99;z-index:2}.orbit{position:absolute;border:2px solid #72a2ff88;border-radius:50%;width:330px;height:135px;transform:rotate(28deg)}.orbit.two{transform:rotate(-28deg)}.orbit:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--blue);top:7px;left:75px;box-shadow:0 0 14px var(--blue)}.formula{position:absolute;color:#315b87;font:600 20px Georgia}.f1{top:40px;left:42px}.f2{bottom:45px;right:52px}.f3{top:65px;right:40px}.features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding:55px 0}.features>div{padding:0 40px;border-left:1px solid var(--line)}.features>div:last-child{border:0}.features span{color:var(--blue);font-size:12px;font-weight:800}.features h3{margin:8px 0;font-size:20px}.features p{color:var(--muted);font-size:14px;margin:0}.flash{position:fixed;z-index:50;top:92px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:10px;box-shadow:var(--shadow);font-weight:600;animation:fade 5s forwards}.flash.success{background:#e7fbf4;color:#087454}.flash.danger{background:#fff0f1;color:#ad2537}@keyframes fade{0%,85%{opacity:1}100%{opacity:0;pointer-events:none}}footer{border-top:1px solid var(--line);padding:30px max(5vw,24px);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}footer b{color:var(--ink)}.auth-wrap{max-width:1050px;min-height:720px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.auth-side h1{font-size:46px}.panel{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 8px 30px rgba(20,47,82,.05)}.form-card h2,.panel h2{margin:0 0 22px;font-size:21px}.form-card label,.stack label{display:block;font-size:13px;font-weight:700;margin:13px 0}.form-card input,.form-card select,.form-card textarea,.stack input,.stack select,.stack textarea,.search input,.search select{width:100%;display:block;border:1px solid #d6e0eb;background:#fbfdff;border-radius:8px;padding:11px 13px;margin-top:6px;outline:none}.form-card input:focus,.form-card select:focus,.stack input:focus,.stack select:focus,.stack textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1463ff14}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-foot{text-align:center;color:var(--muted);font-size:13px}.form-foot a,.section-head a,.back{color:var(--blue);font-weight:700}.check{display:flex!important;gap:8px;align-items:center}.check input{width:auto!important;margin:0!important}.admin-tabs{height:58px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:44px;align-items:center;position:sticky;top:82px;z-index:15}.admin-tabs a{height:58px;display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent}.admin-tabs a.active{color:var(--blue);border-color:var(--blue)}.dashboard{padding-top:48px}.page-head,.section-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.page-head{margin-bottom:30px}.page-head h1,.student h1{font-size:31px;margin:4px 0}.page-head p{margin:4px 0;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;width:4px;height:100%;right:0;top:0;background:linear-gradient(var(--blue),var(--cyan))}.stat strong,.stat span{display:block}.stat strong{font-size:32px}.stat span{font-size:12px;color:var(--muted)}.section-head{margin-bottom:18px}.section-head h2{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right;font-size:13px}th{background:#f7f9fc;color:var(--muted);font-size:11px}th,td{padding:13px 15px;border-bottom:1px solid var(--line);white-space:nowrap}td b,td small{display:block}td small{color:var(--muted)}.status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.status.active{background:#e6f8f2;color:#087454}.status.pending{background:#fff5d9;color:#936b00}.link{border:0;background:none;color:var(--blue);cursor:pointer;font-weight:700}.danger-text{color:var(--red)}.search{display:flex;gap:0;min-width:290px}.search input,.search select{margin:0;border-radius:0 8px 8px 0}.search button{background:var(--ink);color:#fff;border:0;padding:0 20px;border-radius:8px 0 0 8px}.course-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.course-admin{min-height:310px;display:flex;flex-direction:column}.course-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#eaf1ff;color:var(--blue);font:700 28px Georgia}.badge{display:inline-block;background:#e9f1ff;color:var(--blue);border-radius:20px;padding:3px 10px;font-size:10px;font-weight:800;width:max-content;margin-top:16px}.course-admin h3{font-size:19px;margin:10px 0 4px}.course-admin p{color:var(--muted);font-size:13px;flex:1}.course-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:12px 0}.split{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.split>div,.split>aside{display:grid;gap:20px}.list-row,.student-mini,.lesson-row,.exam-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.list-row b,.list-row small,.student-mini b,.student-mini small,.lesson-row b,.lesson-row small,.exam-card b,.exam-card small{display:block}.list-row small,.student-mini small,.lesson-row small,.exam-card small{color:var(--muted);font-size:11px}.stack{display:grid;gap:10px}.stack input,.stack select,.stack textarea{margin:0}details{border-top:1px dashed var(--line);margin-top:15px;padding-top:15px}summary{color:var(--blue);font-weight:700;cursor:pointer;margin-bottom:14px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#e9f1ff;color:var(--blue);font-weight:800}.student-mini>div{flex:1}.question-admin{padding:15px 0;border-bottom:1px solid var(--line)}.question-admin b,.question-admin small{display:block}.question-admin small{color:var(--muted)}.empty,.empty-state{color:var(--muted);font-size:13px}.empty-state{padding:60px;text-align:center;background:white;border:1px dashed #bac9d9;border-radius:14px;display:grid;gap:6px}.welcome{border-radius:18px;background:linear-gradient(110deg,#102a43,#164d7c);color:#fff;padding:38px 46px;display:flex;justify-content:space-between;align-items:center;margin-bottom:42px;overflow:hidden;position:relative}.welcome:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff20;border-radius:50%;left:-70px}.welcome .eyebrow{color:#71e7ff}.welcome h1{font-size:34px}.welcome p{color:#c5d7e8;margin:0}.welcome-mark{font:700 100px Georgia;color:#ffffff12}.student-courses{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 20px rgba(20,47,82,.05);transition:.2s}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.course-cover{height:170px;background:linear-gradient(135deg,#0d3f78,#1780a6);background-size:cover;background-position:center;padding:18px;position:relative}.course-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#0d2c4e66)}.course-cover .badge{margin:0;position:relative;z-index:1}.course-cover b{position:absolute;left:25px;bottom:10px;color:#ffffff44;font:700 80px Georgia}.course-body{padding:20px}.course-body h3{margin:0;font-size:18px}.course-body p{height:47px;overflow:hidden;color:var(--muted);font-size:12px}.progress{height:5px;border-radius:5px;background:#e6edf5;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan))}.course-hero{min-height:235px;padding:38px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(125deg,#102a43,#1463ff);color:#fff;border-radius:18px;overflow:hidden}.course-hero h1{font-size:38px}.course-hero p{color:#d2e1f4}.big-phi{font:700 170px Georgia;color:#ffffff18}.lesson-num,.exam-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-weight:800}.lesson-row>div,.exam-card>div{flex:1}.lesson-row:hover{color:var(--blue)}.video-wrap{background:#07111d;border-radius:16px;overflow:hidden;aspect-ratio:16/9;margin:22px 0}.video-wrap iframe{border:0;width:100%;height:100%}.lesson-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notes{color:var(--muted);white-space:normal}.complete-box{background:#eaf7ff;border:1px solid #b9ddf3;border-radius:14px;padding:22px;display:flex;align-items:center;gap:15px}.complete-box>span{font-size:30px;color:var(--blue)}.complete-box>div{flex:1}.complete-box b,.complete-box small{display:block}.complete-box small{color:var(--muted);font-size:11px}.exam-page{max-width:850px}.exam-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 32px}.exam-head h1{margin:4px 0}.exam-head p{color:var(--muted)}.timer{background:#102a43;color:white;border-radius:12px;padding:12px 22px;text-align:center}.timer small,.timer b{display:block}.timer b{font-size:22px}.question{margin-bottom:18px}.q-num{color:var(--blue);font-size:11px;font-weight:800}.question h3{font-size:18px}.option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:12px;margin:8px 0;cursor:pointer}.option:has(input:checked){border-color:var(--blue);background:#f0f5ff}.option span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf2f7;font:700 12px Arial}.option input{accent-color:var(--blue)}.submit-exam{width:100%;padding:16px}.back{font-size:13px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.physics-card{display:none}.hero{min-height:auto;padding:60px 0}.hero h1{font-size:48px}.features,.stat-grid,.student-courses,.course-admin-grid{grid-template-columns:1fr 1fr}.auth-wrap,.split,.lesson-bottom{grid-template-columns:1fr}.auth-side{display:none}.course-admin-grid{grid-template-columns:1fr 1fr}.topbar .hello{display:none}}
@media(max-width:600px){.topbar{height:70px;padding:0 14px}.brand small{display:none}.topbar nav{gap:10px}.topbar nav>a:not(.btn){display:none}main{padding:38px 14px}.hero h1{font-size:38px}.hero p{font-size:15px}.features,.stat-grid,.student-courses,.course-admin-grid{grid-template-columns:1fr}.features>div{border:0;border-bottom:1px solid var(--line);padding:22px 10px}.auth-wrap{padding-top:35px}.grid2{grid-template-columns:1fr}.admin-tabs{top:70px;justify-content:flex-start;overflow:auto;padding:0 14px;gap:28px}.page-head{align-items:flex-start;flex-direction:column}.search{width:100%;min-width:0}.welcome{padding:28px 22px}.welcome h1{font-size:26px}.welcome-mark,.big-phi{display:none}.course-hero{padding:28px 22px}.course-hero h1{font-size:28px}.complete-box{align-items:flex-start;flex-wrap:wrap}.complete-box .btn{width:100%}.exam-head{align-items:flex-start}.timer{padding:8px 12px}footer{flex-direction:column;gap:6px}.brand b{font-size:14px}}