@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap');
:root{--bg:#050a12;--panel:#0b1523;--line:#1a3047;--txt:#eef7ff;--muted:#91a5b8;--cyan:#36d9ff;--green:#55ed88;--red:#ff7272;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Vazirmatn,Arial,sans-serif;line-height:1.8}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(54,217,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(54,217,255,.025) 1px,transparent 1px);background-size:42px 42px}
a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 20px}.top{height:76px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,10,18,.82);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:40px}.brand{font-weight:800;letter-spacing:.04em;display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--cyan);border-radius:9px;color:var(--cyan);font-family:monospace}.cyan{color:var(--cyan)}nav{display:flex;gap:24px;color:var(--muted);font-size:14px;flex:1}.account{display:flex;align-items:center;gap:15px;font-size:13px;color:var(--muted)}.user-pill{color:var(--txt)}
main{min-height:calc(100vh - 130px)}.hero{padding:115px 0 120px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{color:var(--cyan);font:500 11px JetBrains Mono;letter-spacing:.15em;margin:0 0 16px}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.hero h1 span{color:var(--cyan)}.lead{color:var(--muted);font-size:17px;max-width:680px}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--cyan);color:#031018;border:1px solid var(--cyan);border-radius:9px;padding:11px 18px;font-weight:700;cursor:pointer}.btn.secondary{background:transparent;color:var(--txt);border-color:var(--line)}.btn.small{padding:6px 12px;font-size:12px}.terminal{background:#07111d;border:1px solid var(--line);border-radius:14px;overflow:hidden}.termhead{padding:12px 15px;border-bottom:1px solid var(--line);color:#668096;font:11px monospace}.terminal pre{margin:0;padding:25px;font:12px/2 monospace;color:#9db2c5}.g{color:var(--green)}.c{color:var(--cyan)}
section{padding:90px 0}.section-head{margin-bottom:38px}.section-head h2{font-size:clamp(30px,4vw,48px);line-height:1.2;margin:0}.section-head h2 span{color:var(--cyan)}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,#0c1a2a,#08111d);border:1px solid var(--line);border-radius:13px;padding:25px}.card:hover{border-color:#2a5b78}.number{color:var(--cyan);font:11px monospace;margin-bottom:20px}.card h3{margin:0 0 8px}.band{background:#07111d;border-block:1px solid rgba(255,255,255,.05)}
.auth{max-width:520px;margin:75px auto}.box{background:linear-gradient(145deg,#0c1a2a,#08111d);border:1px solid var(--line);border-radius:14px;padding:30px}.box h1{margin-top:0}.field{margin:15px 0}.field label{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#050d17;color:#fff;font:13px Vazirmatn;outline:0}.field input:focus,.field textarea:focus{border-color:var(--cyan)}.msg{padding:11px 13px;border-radius:8px;font-size:12px;margin:12px 0}.bad{background:rgba(255,114,114,.08);color:#ffaaaa;border:1px solid rgba(255,114,114,.3)}.good{background:rgba(85,237,136,.08);color:var(--green);border:1px solid rgba(85,237,136,.3)}
.dashboard{padding:60px 0}.dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.tile strong{font-size:28px;display:block;color:var(--cyan)}
.course-cover{height:170px;background:linear-gradient(135deg,#071b2a,#0c3345);border-radius:10px;margin:-5px -5px 18px;display:grid;place-items:center;color:var(--cyan);font:28px monospace}.course h3{margin-bottom:5px}.course-actions{margin-top:18px}.video{width:100%;background:#000;border-radius:10px;display:block}.lesson{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:15px 0}.lesson h3{margin-top:0}
.ticket{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel);margin-bottom:12px}.ticket-head{display:flex;justify-content:space-between;gap:10px}.status{font-size:11px;padding:4px 9px;border-radius:20px;background:#10263a;color:var(--cyan)}.message{padding:13px;border-radius:9px;background:#07111d;border:1px solid var(--line);margin:10px 0}.mine{border-right:3px solid var(--cyan)}.adminmsg{border-right:3px solid var(--green)}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}th,td{text-align:right;padding:12px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--cyan)}
.upload{padding:22px;border:1px dashed #2a536d;border-radius:12px;background:#07111d;margin:20px 0}input[type=file]{color:var(--muted)}
footer{border-top:1px solid rgba(255,255,255,.07);padding:25px 0;color:#62788d;font-size:11px}.foot{display:flex;justify-content:space-between}
@media(max-width:800px){nav{display:none}.nav{gap:10px}.hero{grid-template-columns:1fr;padding-top:70px}.terminal{display:none}.grid,.tiles{grid-template-columns:1fr}.dashboard-head{align-items:flex-start;flex-direction:column}.account{margin-right:auto}.contact{}}