@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,sans-serif}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{background:#2b1d14}.app{background:linear-gradient(#2b1d14,#3a2416,#2b1d14);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.profile-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;z-index:5;background:#ffffff08;border:2px solid #e6cfb2;border-radius:35px;width:100%;max-width:470px;padding:45px 30px;box-shadow:0 20px 60px #00000073}.logo{background:#e6cfb2;border:5px solid #d8b992;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:auto auto 25px;display:flex;overflow:hidden}.logo img,.logo-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}h1{color:#f5e8d4;margin-bottom:30px;font-size:42px}h2{color:#e6cfb2;margin-bottom:8px;font-size:30px}.subtitle{color:#d8b992;margin-bottom:20px;font-size:20px}.welcome{color:#f7efe4;margin-bottom:35px;font-size:18px;line-height:1.9}.welcome-line{direction:rtl;align-items:center;display:inline-flex}.welcome-text{margin-left:8px}.welcome-emoji{direction:ltr}.links{flex-direction:column;gap:18px;display:flex}.link-btn{color:#f8efdf;cursor:pointer;background:#ffffff08;border:2px solid #e6cfb2;border-radius:50px;padding:18px;font-size:21px;font-weight:700;text-decoration:none;transition:all .35s}.link-btn:hover{color:#3b2415;background:#e6cfb2;transform:translateY(-4px)scale(1.02)}footer{color:#d8b992;margin-top:40px;font-size:15px}.decor{border:2px solid #e6cfb226;border-radius:50%;position:absolute}.decor-1{width:300px;height:300px;top:-120px;left:-120px}.decor-2{width:220px;height:220px;bottom:120px;right:-70px}.decor-3{width:140px;height:140px;bottom:40px;left:40px}.website-page{color:#2b1d14;direction:rtl;background:#f7f3ee;width:100%;min-height:100vh;transition:all .3s;overflow-x:hidden}.dark-website{color:#f7efe4;background:#1f140e}.site-header{z-index:20;background:#fffaf3;justify-content:space-between;align-items:center;gap:15px;width:100%;height:86px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000014}.dark-website .site-header{background:#2b1d14}.site-logo{color:#3a2416;font-size:32px;font-weight:900}.dark-website .site-logo{color:#f5e8d4}.auth-buttons{gap:12px;display:flex}.back-btn,.dark-btn,.login-btn,.signup-btn{color:#3a2416;cursor:pointer;background:#fff6e8;border:2px solid #d8b992;border-radius:18px;padding:10px 18px;font-size:18px;font-weight:800;transition:all .3s}.login-btn{color:#f8efdf;background:#3a2416}.signup-btn{background:#efe3d2}.back-btn:hover,.dark-btn:hover,.login-btn:hover,.signup-btn:hover{transform:translateY(-2px)}.hero-section{width:100%;padding:35px 0}.image-hero{background:#2b1d14;border:10px solid #c8945f;border-left:none;border-right:none;border-radius:0;width:100%;max-width:none;margin:0;position:relative;overflow:hidden;box-shadow:0 25px 60px #3a241659}.hero-banner-img{border-radius:0;width:100%;display:block}.register-hotspot{color:#0000;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:60px;width:25%;height:12%;position:absolute;bottom:17%;left:19%}.register-hotspot:hover{background:#ffffff14}.intro-section{text-align:center;background:#1f140e;width:100%;padding:90px 25px}.intro-section h2{color:#f5e8d4;margin-bottom:25px;font-size:42px;font-weight:900}.intro-section p{color:#f7efe4;max-width:900px;margin:auto;font-size:26px;line-height:2}.features-section{text-align:center;background:#1f140e;width:100%;padding:90px 30px}.features-section h2{color:#f5e8d4;margin-bottom:45px;font-size:42px;font-weight:900}.features-cards{grid-template-columns:repeat(4,1fr);gap:22px;width:100%;max-width:1250px;margin:auto;display:grid}.feature-card{color:#2b1d14;text-align:center;background:linear-gradient(135deg,#fff6e8,#e6cfb2);border:2px solid #d8b992;border-radius:26px;justify-content:center;align-items:center;min-height:115px;padding:28px 18px;transition:all .4s;display:flex;box-shadow:0 18px 40px #00000040}.feature-card p{font-size:22px;font-weight:900;line-height:1.6}.feature-card:hover{transform:translateY(-8px)scale(1.03)}.subscription-section{background:radial-gradient(circle at 50% 20%,#d8b99229,#0000 35%),linear-gradient(#1f140e,#2b1d14);justify-content:center;width:100%;padding:90px 25px;display:flex}.subscription-card{color:#2b1d14;text-align:center;background:linear-gradient(135deg,#fff6e8f5,#e6cfb2f0);border:3px solid #d8b992;border-radius:38px;width:100%;max-width:1050px;padding:45px 45px 35px;box-shadow:0 25px 70px #00000061}.subscription-card h2{color:#3a2416;margin-bottom:35px;font-size:42px;font-weight:900}.subscription-list{grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:35px;display:grid}.subscription-item{text-align:right;background:#ffffff8c;border:2px solid #c8945f8c;border-radius:26px;padding:24px 22px;box-shadow:0 14px 30px #3a24161f}.subscription-item h3{color:#3a2416;margin-bottom:10px;font-size:25px;font-weight:900}.subscription-item p{color:#5a3a24;font-size:19px;font-weight:700;line-height:1.8}.subscription-btn{color:#2b1d14;cursor:pointer;background:linear-gradient(135deg,#f3d29b,#c8945f);border:3px solid #2b1d14;border-radius:45px;padding:14px 55px;font-size:24px;font-weight:900;transition:all .35s;box-shadow:0 7px #2b1d14}.subscription-btn:hover{transform:translateY(-5px)scale(1.04);box-shadow:0 12px #2b1d14,0 18px 35px #e8c48b59}.stages-section{text-align:center;background:radial-gradient(circle at 15% 20%,#d8b9921a,#0000 25%),radial-gradient(circle at 85% 80%,#c8945f1f,#0000 28%),linear-gradient(#2b1d14,#1f140e);width:100%;padding:100px 35px}.stages-heading{margin-bottom:50px}.stages-heading h2{color:#f5e8d4;margin-bottom:15px;font-size:44px;font-weight:900}.stages-heading p{color:#d8b992;font-size:21px;font-weight:700}.stages-grid{grid-template-columns:repeat(3,1fr);gap:28px;width:100%;max-width:1250px;margin:auto;display:grid}.stage-card{cursor:pointer;background:#3a2416;border:3px solid #d8b992;border-radius:32px;min-height:500px;transition:all .45s;position:relative;overflow:hidden;box-shadow:0 24px 55px #0006}.stage-card:hover{transform:translateY(-12px);box-shadow:0 35px 75px #0000008c}.stage-image{object-fit:cover;object-position:center;width:100%;height:390px;transition:transform .65s;display:block}.stage-card:hover .stage-image{transform:scale(1.09)}.stage-basic-info{color:#2b1d14;z-index:2;background:linear-gradient(135deg,#fff6e8,#e6cfb2);min-height:110px;padding:20px 15px;position:relative}.stage-basic-info h3{color:#3a2416;margin-bottom:6px;font-size:28px;font-weight:900}.stage-basic-info p{color:#6b4228;font-size:18px;font-weight:700}.stage-overlay{z-index:5;text-align:center;opacity:0;background:linear-gradient(#1f140e4d,#1f140eeb);flex-direction:column;justify-content:center;align-items:center;padding:35px;transition:opacity .55s,transform .55s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:0;transform:translateY(100%)}.stage-card:hover .stage-overlay{opacity:1;transform:translateY(0)}.stage-overlay h3{color:#f5e8d4;margin-bottom:18px;font-size:30px;font-weight:900}.stage-overlay p{color:#fff6e8;max-width:320px;margin-bottom:28px;font-size:19px;font-weight:700;line-height:1.9}.stage-register-btn{color:#2b1d14;cursor:pointer;background:linear-gradient(135deg,#f3d29b,#c8945f);border:3px solid #fff6e8;border-radius:40px;padding:12px 40px;font-size:21px;font-weight:900;transition:all .35s;box-shadow:0 10px 28px #00000059}.stage-register-btn:hover{background:#fff6e8;transform:translateY(-5px)scale(1.06)}.social-strip{background:linear-gradient(135deg,#3a2416,#6b4228,#3a2416);border:2px solid #d8b992;border-radius:28px;justify-content:space-between;align-items:center;gap:20px;width:90%;max-width:1100px;margin:80px auto;padding:22px 35px;display:flex;box-shadow:0 18px 45px #00000059}.social-strip p{color:#f5e8d4;font-size:24px;font-weight:900}.social-links{align-items:center;gap:15px;display:flex}.social-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:30px;font-weight:900;text-decoration:none;transition:all .35s;display:flex;box-shadow:0 10px 25px #00000052}.youtube{background:red}.facebook{background:#1877f2;font-family:Arial,sans-serif}.tiktok{background:#111}.social-icon:hover{transform:translateY(-6px)scale(1.08)}.reveal-right{opacity:0;transition:all 1.8s cubic-bezier(.22,1,.36,1);transform:translate(180px)}.reveal-right.show{opacity:1;transform:translate(0)}.reveal-up{opacity:0;transition:all 2.8s cubic-bezier(.22,1,.36,1);transform:translateY(90px)}.reveal-up.show{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.5s}.delay-3{transition-delay:.8s}.delay-4{transition-delay:1.1s}.delay-5{transition-delay:1.4s}@media (width<=1000px){.stages-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.site-header{flex-wrap:wrap;justify-content:center;height:auto;padding:15px}.auth-buttons{order:3;justify-content:center;width:100%}.hero-section{padding:20px 0}.features-cards{grid-template-columns:repeat(2,1fr)}.subscription-list{grid-template-columns:1fr}}@media (width<=700px){.social-strip{text-align:center;flex-direction:column}.social-links{flex-wrap:wrap;justify-content:center}.stages-grid{grid-template-columns:1fr}.stage-card{width:100%;max-width:470px;margin:auto}}@media (width<=600px){.profile-card{padding:35px 20px}.logo{width:95px;height:95px}h1{font-size:33px}h2{font-size:24px}.link-btn{padding:16px;font-size:18px}.site-logo{font-size:24px}.back-btn,.dark-btn,.login-btn,.signup-btn{padding:9px 12px;font-size:15px}.register-hotspot{width:30%;height:13%;bottom:16%;left:17%}.intro-section h2,.features-section h2,.subscription-card h2,.stages-heading h2{font-size:30px}.intro-section p{font-size:20px}.features-cards{grid-template-columns:1fr}.subscription-card{padding:32px 20px}.subscription-item h3{font-size:22px}.subscription-item p{font-size:17px}.stages-section{padding:70px 18px}.stages-heading p{font-size:17px}.stage-card{min-height:450px}.stage-image{height:340px}.stage-overlay{padding:25px 18px}.stage-overlay h3{font-size:25px}.stage-overlay p{font-size:17px}}.register-page{color:#f7efe4;direction:rtl;background:radial-gradient(circle at 10% 10%,#d8b9922e,#0000 30%),radial-gradient(circle at 90% 80%,#c8945f24,#0000 32%),linear-gradient(#2b1d14,#1f140e);width:100%;min-height:100vh}.light-register-page{color:#2b1d14;background:radial-gradient(circle at 10% 10%,#d8b99240,#0000 30%),linear-gradient(#fffaf3,#f1e6d7)}.register-header{direction:rtl}.register-main{justify-content:center;align-items:flex-start;width:100%;min-height:calc(100vh - 86px);padding:65px 25px 90px;display:flex}.register-card{color:#2b1d14;background:#fffaf3f7;border:3px solid #d8b992;border-radius:38px;width:100%;max-width:1050px;padding:50px;box-shadow:0 30px 80px #0000006b}.dark-register-page .register-card{background:linear-gradient(145deg,#fffaf3,#ead9c1)}.register-card-heading{text-align:center;margin-bottom:42px}.register-small-title{color:#8a5b35;margin-bottom:9px;font-size:17px;font-weight:800;display:inline-block}.register-card-heading h1{color:#3a2416;margin-bottom:12px;font-size:40px;font-weight:900}.register-card-heading p{color:#6b4228;font-size:18px;font-weight:700;line-height:1.8}.register-form{width:100%}.form-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.full-width-field{grid-column:1/-1}.form-field{flex-direction:column;gap:9px;display:flex}.form-field label{color:#4c2e1d;font-size:17px;font-weight:900}.form-field input,.form-field select{color:#2b1d14;background:#ffffffc7;border:2px solid #d7b990;border-radius:17px;outline:none;width:100%;height:58px;padding:0 17px;font-size:16px;font-weight:700;transition:all .3s}.form-field input::placeholder{color:#9d8169}.form-field input:focus,.form-field select:focus{background:#fff;border-color:#8a5b35;transform:translateY(-2px);box-shadow:0 0 0 4px #c8945f2e}.register-result-message{text-align:center;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:27px;padding:18px 20px;font-size:17px;font-weight:800;line-height:1.8;display:flex}.register-result-message.success{color:#14532d;background:#dcfce7;border:2px solid #34a853}.register-result-message.pending{color:#7c4a03;background:#fff4cf;border:2px solid #d99b1d}.register-result-message.error{color:#8b1e1e;background:#ffe1e1;border:2px solid #dc4949}.result-icon{flex-shrink:0;font-size:24px}.create-account-btn{color:#2b1d14;cursor:pointer;background:linear-gradient(135deg,#f3d29b,#c8945f);border:3px solid #2b1d14;border-radius:22px;width:100%;min-height:62px;margin-top:30px;font-size:22px;font-weight:900;transition:all .35s;box-shadow:0 7px #2b1d14}.create-account-btn:hover{transform:translateY(-5px);box-shadow:0 12px #2b1d14}.create-account-btn:active{transform:translateY(4px);box-shadow:0 3px #2b1d14}.already-account{text-align:center;color:#6b4228;margin-top:27px;font-size:16px;font-weight:700}.text-login-btn{color:#8a5b35;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:900;text-decoration:underline}.instructions-overlay{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120a06c7;justify-content:center;align-items:center;padding:20px;animation:.35s instructionsFade;display:flex;position:fixed;inset:0}.instructions-modal{text-align:center;color:#2b1d14;background:linear-gradient(145deg,#fffaf3,#ead9c1);border:3px solid #d8b992;border-radius:31px;width:100%;max-width:670px;max-height:90vh;padding:38px 38px 32px;animation:.45s cubic-bezier(.22,1,.36,1) instructionsOpen;overflow-y:auto;box-shadow:0 35px 90px #0000008c}.information-icon{color:#8a5b35;border:4px solid #c8945f;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 17px;font-family:Georgia,serif;font-size:46px;font-weight:800;display:flex}.instructions-modal h2{color:#6b4228;margin-bottom:26px;font-size:31px;font-weight:900}.instructions-list{text-align:right;flex-direction:column;gap:13px;display:flex}.instructions-list p{color:#4d311f;border-bottom:1px solid #8a5b3540;align-items:flex-start;gap:12px;padding:12px 14px;font-size:16px;font-weight:700;line-height:1.8;display:flex}.instructions-list p span{color:#fffaf3;background:#c8945f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:14px;font-weight:900;display:flex}.instructions-confirm-btn{color:#2b1d14;cursor:pointer;background:#c8945f;border:2px solid #2b1d14;border-radius:15px;min-width:145px;margin-top:28px;padding:12px 34px;font-size:19px;font-weight:900;transition:all .3s}.instructions-confirm-btn:hover{background:#e8c38c;transform:translateY(-3px)scale(1.03)}@keyframes instructionsFade{0%{opacity:0}to{opacity:1}}@keyframes instructionsOpen{0%{opacity:0;transform:translateY(35px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=750px){.register-main{padding:35px 15px 65px}.register-card{border-radius:27px;padding:32px 20px}.register-card-heading h1{font-size:31px}.register-card-heading p{font-size:16px}.form-grid{grid-template-columns:1fr;gap:20px}.full-width-field{grid-column:auto}.instructions-modal{padding:30px 20px 25px}.instructions-modal h2{font-size:27px}.instructions-list p{font-size:14px}}@media (width<=450px){.register-card{padding:27px 15px}.register-card-heading h1{font-size:27px}.create-account-btn{font-size:19px}.register-result-message{flex-direction:column;font-size:15px}}.form-field{gap:0}.form-field input,.form-field select,.form-field input::placeholder{text-align:right;direction:rtl}.form-field select{padding-right:18px}.instructions-modal{max-height:none;padding:25px 32px 22px;overflow-y:visible}.information-icon{width:62px;height:62px;margin-bottom:10px;font-size:38px}.instructions-modal h2{margin-bottom:15px;font-size:27px}.instructions-list{gap:4px}.instructions-list p{padding:7px 10px;font-size:14px;line-height:1.5}.instructions-list p span{width:24px;height:24px;font-size:12px}.instructions-confirm-btn{margin-top:14px;padding:9px 30px}.login-page{color:#2b1d14;direction:rtl;background:radial-gradient(circle at 15% 20%,#d8b99233,#0000 30%),radial-gradient(circle at 85% 80%,#c8945f29,#0000 30%),linear-gradient(#f7f3ee,#eadcca);width:100%;min-height:100vh}.dark-login-page{background:radial-gradient(circle at 15% 20%,#d8b99226,#0000 30%),radial-gradient(circle at 85% 80%,#c8945f21,#0000 30%),linear-gradient(#2b1d14,#1f140e)}.login-header{direction:rtl}.login-main{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 86px);padding:60px 20px;display:flex}.login-card{background:linear-gradient(145deg,#fffaf3fa,#ead9c1f5);border:3px solid #d8b992;border-radius:35px;width:100%;max-width:520px;padding:55px 45px 42px;position:relative;box-shadow:0 30px 80px #0000006b}.login-heading{text-align:center;margin-bottom:34px}.login-heading span{color:#8a5b35;font-size:16px;font-weight:800}.login-heading h1{color:#3a2416;margin:8px 0 10px;font-size:37px;font-weight:900}.login-heading p{color:#6b4228;font-size:16px;font-weight:700;line-height:1.8}.login-form{flex-direction:column;gap:19px;width:100%;display:flex}.login-input-wrapper{background:#ffffffd1;border:2px solid #d7b990;border-radius:18px;align-items:center;width:100%;min-height:62px;transition:all .3s;display:flex;position:relative}.login-input-wrapper:focus-within{background:#fff;border-color:#8a5b35;transform:translateY(-2px);box-shadow:0 0 0 4px #c8945f2e}.login-input-wrapper input{color:#2b1d14;text-align:right;direction:rtl;background:0 0;border:none;outline:none;width:100%;min-height:58px;padding:0 54px 0 50px;font-size:17px;font-weight:700}.login-input-wrapper input::placeholder{color:#9a7e66;text-align:right;direction:rtl}.show-password-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:19px;transition:all .25s;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.show-password-btn:hover{background:#ead6ba}.forgot-password-btn{color:#9a6841;cursor:pointer;background:0 0;border:none;align-self:flex-start;width:max-content;max-width:100%;font-size:15px;font-weight:900;transition:all .25s}.forgot-password-btn:hover{color:#3a2416;text-decoration:underline}.main-login-btn{color:#2b1d14;cursor:pointer;background:linear-gradient(135deg,#f3d29b,#c8945f);border:3px solid #2b1d14;border-radius:20px;width:100%;min-height:62px;margin-top:3px;font-size:22px;font-weight:900;transition:all .35s;box-shadow:0 7px #2b1d14}.main-login-btn:hover{transform:translateY(-5px);box-shadow:0 12px #2b1d14}.main-login-btn:active{transform:translateY(3px);box-shadow:0 4px #2b1d14}.login-create-text{text-align:center;color:#6b4228;margin-top:14px;font-size:15px;font-weight:700}.login-create-btn{color:#9a6841;cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:900;text-decoration:underline}.login-result-message{text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:15px;font-weight:800;line-height:1.7;display:flex}.login-result-message.success{color:#14532d;background:#dcfce7;border:2px solid #34a853}.login-result-message.pending{color:#754706;background:#fff4cf;border:2px solid #d99b1d}.login-result-message.error{color:#8b1e1e;background:#ffe1e1;border:2px solid #dc4949}.login-result-icon{flex-shrink:0;font-size:21px}@media (width<=600px){.login-main{padding:35px 15px 60px}.login-card{border-radius:27px;padding:40px 20px 32px}.login-heading h1{font-size:30px}.login-heading p{font-size:14px}.login-input-wrapper input{font-size:15px}.main-login-btn{font-size:19px}}.show-password-btn{color:#3a2416;font-size:22px}.show-password-btn svg{display:block}.student-profile-page{color:#2b1d14;direction:rtl;background:radial-gradient(circle at 12% 15%,#d8b99238,#0000 30%),radial-gradient(circle at 88% 85%,#c8945f2e,#0000 30%),linear-gradient(#f8f2e9,#ead9c1);width:100%;min-height:100vh;position:relative;overflow-x:hidden}.student-dashboard-header{z-index:100;background:linear-gradient(90deg,#2b1d14,#3a2416,#2b1d14);border-bottom:3px solid #d8b992;width:100%;position:sticky;top:0;box-shadow:0 8px 30px #0000004d}.student-dashboard-top{justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:76px;padding:0 35px;display:flex}.student-dashboard-logo{color:#f5e8d4;font-size:30px;font-weight:900}.student-dashboard-actions{align-items:center;gap:13px;display:flex}.student-dark-mode-btn,.student-logout-btn{cursor:pointer;border:2px solid #d8b992;border-radius:15px;min-height:45px;font-size:16px;font-weight:900;transition:all .3s}.student-dark-mode-btn{color:#3a2416;background:#fff6e8;width:48px;padding:0}.student-logout-btn{color:#f8efdf;background:#3a2416;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:flex}.student-dark-mode-btn:hover,.student-logout-btn:hover{transform:translateY(-3px)}.student-dashboard-nav{background:#3a2416;align-items:flex-end;gap:12px;width:100%;min-height:58px;padding:0 35px;display:flex}.student-nav-btn{color:#e6cfb2;cursor:pointer;background:0 0;border:none;border-bottom:4px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 25px;font-size:17px;font-weight:900;transition:all .3s;display:flex}.student-nav-btn:hover{color:#fff6e8;background:#ffffff0d}.student-nav-btn.active{color:#fff6e8;background:#ffffff0d;border-bottom-color:#d8b992}.student-profile-main{width:100%;max-width:1450px;margin:auto;padding:42px 35px 90px}.student-profile-title{text-align:center;margin-bottom:35px}.student-profile-title h1{color:#3a2416;margin:0;padding-bottom:14px;font-size:43px;font-weight:900;display:inline-block;position:relative}.student-profile-title h1:after{content:"";background:linear-gradient(90deg,#d8b992,#8a5b35);border-radius:20px;width:95px;height:5px;position:absolute;bottom:0;right:50%;transform:translate(50%)}.student-profile-layout{grid-template-columns:minmax(350px,.95fr) minmax(600px,1.55fr);align-items:start;gap:28px;width:100%;display:grid}.student-information-section,.student-statistics-section{width:100%}.student-section-heading{text-align:center;background:linear-gradient(135deg,#3a2416,#6b4228);border-radius:14px;width:max-content;min-width:190px;margin:0 auto 18px;padding:9px 25px;box-shadow:0 10px 25px #3a241633}.student-section-heading h2{color:#f5e8d4;margin:0;font-size:23px;font-weight:900}.student-information-card{text-align:center;background:linear-gradient(145deg,#fffaf3,#ead9c1);border:3px solid #d8b992;border-radius:24px;width:100%;min-height:470px;padding:32px 28px;box-shadow:0 22px 55px #3a241638}.student-avatar{color:#f5e8d4;background:linear-gradient(135deg,#3a2416,#6b4228);border:5px solid #d8b992;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;margin:0 auto 20px;font-size:52px;display:flex;box-shadow:0 15px 32px #3a241640}.student-main-data h2{color:#6b4228;margin-bottom:24px;font-size:28px;font-weight:900;line-height:1.6}.student-data-list{text-align:right;flex-direction:column;gap:11px;display:flex}.student-data-list p{color:#543521;background:#ffffff9e;border:1px solid #8a5b3540;border-radius:13px;align-items:center;gap:13px;min-height:48px;padding:0 16px;font-size:15px;font-weight:800;display:flex}.student-data-list p svg{color:#9a6841;flex-shrink:0;font-size:18px}.student-account-status{color:#14532d;background:#dcfce7;border:2px solid #34a853;border-radius:20px;justify-content:center;align-items:center;gap:9px;width:max-content;max-width:100%;min-height:40px;margin:22px auto 0;padding:0 18px;font-size:14px;font-weight:900;display:flex}.student-statistics-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}.student-stat-card{color:#2b1d14;text-align:center;background:linear-gradient(145deg,#fffaf3,#ead9c1);border:3px solid #d8b992;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:27px 20px;transition:all .35s;display:flex;box-shadow:0 20px 48px #3a24162e}.student-stat-card:hover,.student-grades-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px #3a241645}.student-stat-icon{color:#f5e8d4;background:linear-gradient(135deg,#3a2416,#6b4228);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:15px;font-size:27px;display:flex;box-shadow:0 12px 27px #3a241638}.student-stat-card h3{color:#3a2416;margin-bottom:12px;font-size:18px;font-weight:900;line-height:1.7}.student-stat-card strong{color:#8a5b35;margin-bottom:8px;font-size:43px;font-weight:900;line-height:1}.student-stat-card span{color:#6b4228;font-size:14px;font-weight:800}.student-grades-card{color:#2b1d14;background:linear-gradient(145deg,#fffaf3,#ead9c1);border:3px solid #d8b992;border-radius:24px;grid-column:1/-1;min-height:205px;padding:28px;transition:all .35s;box-shadow:0 20px 48px #3a24162e}.student-grades-content{grid-template-columns:auto 1fr auto;align-items:center;gap:22px;width:100%;display:grid}.grades-icon{margin:0}.student-grades-text{text-align:right}.student-grades-text h3{color:#3a2416;margin-bottom:13px;font-size:21px;font-weight:900}.student-grades-numbers{align-items:flex-end;gap:10px;display:flex}.student-grades-numbers strong{color:#8a5b35;font-size:45px;font-weight:900;line-height:1}.student-grades-numbers span{color:#6b4228;font-size:16px;font-weight:800}.student-grades-percentage{background:#fffaf3;border:4px solid #c8945f;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 14px 32px #3a24162e}.student-grades-percentage strong{color:#3a2416;font-size:25px;font-weight:900}.student-grades-progress{background:#6b422829;border-radius:20px;width:100%;height:13px;margin-top:25px;overflow:hidden}.student-grades-progress-fill{background:linear-gradient(90deg,#8a5b35,#d8b992);border-radius:20px;min-width:0;height:100%;transition:width .8s}.student-whatsapp-floating{z-index:999;color:#fff;background:linear-gradient(135deg,#25d366,#0faf50);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:35px;text-decoration:none;transition:all .3s;animation:2s infinite studentWhatsappPulse;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 0 0 7px #25d36626,0 15px 35px #0037196b}.student-whatsapp-floating:hover{transform:translateY(-6px)scale(1.08)}@keyframes studentWhatsappPulse{0%{box-shadow:0 0 #25d3666b,0 15px 35px #0037196b}70%{box-shadow:0 0 0 17px #25d36600,0 15px 35px #0037196b}to{box-shadow:0 0 #25d36600,0 15px 35px #0037196b}}.student-session-message{text-align:center;background:linear-gradient(145deg,#fffaf3,#ead9c1);border:3px solid #d8b992;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:25px;width:calc(100% - 30px);max-width:520px;min-height:300px;margin:100px auto;padding:40px 25px;display:flex;box-shadow:0 25px 70px #3a24164d}.student-session-message h2{color:#3a2416;font-size:29px;font-weight:900}.student-session-message button{color:#2b1d14;cursor:pointer;background:linear-gradient(135deg,#f3d29b,#c8945f);border:2px solid #2b1d14;border-radius:15px;min-width:190px;min-height:54px;font-size:18px;font-weight:900}@media (width<=1050px){.student-profile-layout{grid-template-columns:1fr}.student-information-card{min-height:auto}}@media (width<=750px){.student-dashboard-top{flex-wrap:wrap;justify-content:center;min-height:auto;padding:15px}.student-dashboard-logo{text-align:center;width:100%;font-size:27px}.student-dashboard-actions{justify-content:center;width:100%}.student-dashboard-nav{justify-content:center;padding:0 15px}.student-profile-main{padding:35px 16px 75px}.student-profile-title h1{font-size:34px}.student-statistics-grid{grid-template-columns:1fr}.student-grades-card{grid-column:auto}.student-information-card{padding:28px 18px}.student-section-heading h2{font-size:21px}.student-grades-content{text-align:center;grid-template-columns:1fr;justify-items:center}.student-grades-text{text-align:center}.student-grades-numbers{justify-content:center}}@media (width<=450px){.student-dashboard-actions{flex-direction:column}.student-dark-mode-btn,.student-logout-btn,.student-nav-btn{width:100%}.student-profile-title h1{font-size:29px}.student-avatar{width:96px;height:96px;font-size:43px}.student-main-data h2{font-size:23px}.student-data-list p{padding:0 12px;font-size:13px}.student-stat-card{min-height:210px}.student-grades-card{padding:24px 16px}.student-whatsapp-floating{width:57px;height:57px;font-size:31px;bottom:16px;right:16px}}.student-courses-page{width:100%;min-height:560px}.student-empty-courses{text-align:center;background:radial-gradient(circle at 50% 25%,#d8b9923d,#0000 35%),linear-gradient(145deg,#fffaf3,#ead9c1);border:3px solid #d8b992;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:440px;padding:55px 25px;display:flex;box-shadow:0 24px 60px #3a241638}.student-empty-courses-icon{color:#f5e8d4;background:linear-gradient(135deg,#3a2416,#6b4228);border:5px solid #d8b992;border-radius:50%;justify-content:center;align-items:center;width:105px;height:105px;margin-bottom:24px;font-size:48px;display:flex;box-shadow:0 0 0 9px #d8b9922e,0 18px 38px #3a241642}.student-empty-courses h2{color:#3a2416;margin-bottom:15px;font-size:32px;font-weight:900}.student-empty-courses p{color:#6b4228;max-width:650px;font-size:19px;font-weight:700;line-height:1.9}.student-courses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;width:100%;display:grid}.student-course-card{background:linear-gradient(145deg,#fffaf3,#ead9c1);border:3px solid #d8b992;border-radius:27px;width:100%;transition:all .4s;overflow:hidden;box-shadow:0 22px 55px #3a241633}.student-course-card:hover{transform:translateY(-9px);box-shadow:0 32px 70px #3a24164d}.student-course-image-wrapper{background:linear-gradient(135deg,#3a2416,#6b4228);width:100%;height:235px;position:relative;overflow:hidden}.student-course-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .55s;display:block}.student-course-card:hover .student-course-image{transform:scale(1.07)}.student-course-placeholder{color:#f5e8d4;background:radial-gradient(circle at 50% 35%,#e6cfb238,#0000 34%),linear-gradient(135deg,#2b1d14,#6b4228);justify-content:center;align-items:center;width:100%;height:100%;font-size:78px;display:flex}.student-course-status{color:#fff;text-align:center;background:#198754;border:2px solid #ffffffd9;border-radius:25px;min-width:78px;padding:7px 14px;font-size:14px;font-weight:900;position:absolute;top:15px;right:15px;box-shadow:0 8px 20px #00000040}.student-course-content{text-align:right;padding:25px 22px 24px}.student-course-grade{color:#6b4228;background:#d8b99252;border:1px solid #c8945f;border-radius:20px;justify-content:center;align-items:center;width:max-content;max-width:100%;margin-bottom:12px;padding:7px 14px;font-size:13px;font-weight:900;display:inline-flex}.student-course-content h2{color:#3a2416;margin-bottom:10px;font-size:24px;font-weight:900;line-height:1.6}.student-course-content p{color:#6b4228;min-height:92px;margin-bottom:20px;font-size:15px;font-weight:700;line-height:1.9}.student-course-progress-info{color:#6b4228;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:9px;font-size:14px;font-weight:800;display:flex}.student-course-progress-info strong{color:#3a2416;font-size:16px;font-weight:900}.student-course-progress-bar{background:#6b42282b;border-radius:20px;width:100%;height:12px;margin-bottom:22px;overflow:hidden;box-shadow:inset 0 2px 5px #3a24161f}.student-course-progress-fill{background:linear-gradient(90deg,#8a5b35,#d8b992);border-radius:20px;min-width:0;height:100%;transition:width .8s;box-shadow:0 0 12px #c8945f66}.student-open-course-btn{color:#2b1d14;cursor:pointer;background:linear-gradient(135deg,#f3d29b,#c8945f);border:2px solid #2b1d14;border-radius:17px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;font-size:17px;font-weight:900;transition:all .3s;display:flex;box-shadow:0 6px #2b1d14}.student-open-course-btn:hover{transform:translateY(-4px);box-shadow:0 10px #2b1d14,0 15px 28px #3a241633}.student-open-course-btn:active{transform:translateY(3px);box-shadow:0 3px #2b1d14}@media (width<=1100px){.student-courses-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.student-empty-courses{border-radius:24px;min-height:390px;padding:45px 20px}.student-empty-courses-icon{width:90px;height:90px;font-size:41px}.student-empty-courses h2{font-size:27px}.student-empty-courses p{font-size:16px}.student-courses-grid{grid-template-columns:1fr}.student-course-card{max-width:520px;margin:auto}.student-course-image-wrapper{height:260px}}@media (width<=450px){.student-dashboard-nav{flex-wrap:wrap;align-items:center;padding:8px 12px 0}.student-nav-btn{flex:1;width:auto;min-width:135px;padding:0 12px;font-size:15px}.student-empty-courses{min-height:350px;padding:38px 15px}.student-empty-courses-icon{width:80px;height:80px;font-size:36px}.student-empty-courses h2{font-size:23px}.student-empty-courses p{font-size:14px;line-height:1.8}.student-course-image-wrapper{height:215px}.student-course-content{padding:21px 16px}.student-course-content h2{font-size:21px}.student-course-content p{min-height:auto;font-size:14px}.student-open-course-btn{font-size:15px}}.forgot-password-validation-message{text-align:center;min-height:24px;margin:14px 0;padding:0;font-size:15px;font-weight:700}.forgot-password-validation-message.error{color:#b3261e;background:#ffe8e6;border:1px solid #e7aaa5;border-radius:10px;padding:11px 14px}.forgot-password-validation-message.success{color:#237a3b;background:#e8f8ed;border:1px solid #9bd3aa;border-radius:10px;padding:11px 14px}.dark-student-profile-page{color:#f7ead9;background:radial-gradient(circle at 12% 15%,#d8b99214,#0000 30%),radial-gradient(circle at 88% 85%,#c8945f12,#0000 30%),linear-gradient(#1d140f,#261911);min-height:100vh}.light-student-profile-page{color:#2b1d14;background:radial-gradient(circle at 12% 15%,#d8b99238,#0000 30%),radial-gradient(circle at 88% 85%,#c8945f2e,#0000 30%),linear-gradient(#f8f2e9,#ead9c1);min-height:100vh}.dark-student-profile-page .student-dashboard-header{background:linear-gradient(90deg,#1f150f,#352318,#1f150f);border-bottom-color:#8a6546}.dark-student-profile-page .student-profile-main{background:0 0}.dark-student-profile-page .student-profile-title h1{color:#fff4e4}.dark-student-profile-page .student-section-heading{background:linear-gradient(135deg,#3b281d,#765039)}.dark-student-profile-page .student-section-heading h2{color:#ffe0aa}.dark-student-profile-page .student-information-card{color:#f7ead9;background:linear-gradient(145deg,#30221a,#3d2a1f);border-color:#765239;box-shadow:0 22px 55px #0000004d}.dark-student-profile-page .student-main-data h2{color:#fff4e4}.dark-student-profile-page .student-data-list p{color:#ead8c3;background:#402e23;border-color:#725039}.dark-student-profile-page .student-data-list p span{color:#ead8c3}.dark-student-profile-page .student-data-list p svg{color:#efc681}.dark-student-profile-page .student-stat-card,.dark-student-profile-page .student-grades-card{color:#f7ead9;background:linear-gradient(145deg,#30221a,#3d2a1f);border-color:#765239;box-shadow:0 20px 48px #00000045}.dark-student-profile-page .student-stat-card h3,.dark-student-profile-page .student-grades-text h3{color:#fff4e4}.dark-student-profile-page .student-stat-card strong,.dark-student-profile-page .student-grades-numbers strong{color:#ffd58d}.dark-student-profile-page .student-stat-card span,.dark-student-profile-page .student-grades-numbers span{color:#d8c0a7}.dark-student-profile-page .student-grades-percentage{background:#402e23;border-color:#b4814d}.dark-student-profile-page .student-grades-percentage strong{color:#ffd58d}.dark-student-profile-page .student-grades-progress{background:#513b2d}.dark-student-profile-page .student-empty-courses,.dark-student-profile-page .student-course-card{color:#f7ead9;background:linear-gradient(145deg,#30221a,#3d2a1f);border-color:#765239}.dark-student-profile-page .student-empty-courses h2,.dark-student-profile-page .student-course-content h2{color:#fff4e4}.dark-student-profile-page .student-empty-courses p,.dark-student-profile-page .student-course-content p,.dark-student-profile-page .student-course-progress-info{color:#d8c0a7}.dark-student-profile-page .student-course-grade{color:#ffd58d;background:#493427;border-color:#9c7048}.dark-student-profile-page .student-course-progress-bar{background:#513b2d}.dark-student-profile-page .student-open-course-btn{color:#2b1d14;background:linear-gradient(135deg,#f3d29b,#c8945f)}.dark-student-profile-page .student-whatsapp-floating,.dark-student-profile-page .student-whatsapp-floating svg{color:#fff}.dark-student-profile-page input,.dark-student-profile-page select,.dark-student-profile-page textarea{color:#fff4e4;background:#402e23;border-color:#765239}.dark-student-profile-page input::placeholder,.dark-student-profile-page textarea::placeholder{color:#baa48e}.all-courses-page{color:#4a2f1f;direction:rtl;width:100%;min-height:70vh;padding:30px}.all-courses-title{color:#f7d9aa;background:linear-gradient(135deg,#3d281c,#67472f);border:1px solid #8f6644;border-radius:18px;align-items:center;gap:16px;width:100%;min-height:110px;margin-bottom:30px;padding:25px 35px;display:flex;box-shadow:0 12px 28px #4a2f1f38}.all-courses-title>svg{color:#efc681;flex-shrink:0;font-size:36px}.all-courses-title h1{margin:0;font-size:34px}.all-courses-title p{color:#e8cda3;margin:7px 0 0;font-size:16px}.all-courses-empty{text-align:center;background:#fffaf3;border:1px solid #dcc19e;border-radius:24px;width:min(720px,95%);min-height:330px;margin:50px auto;padding:45px 30px;box-shadow:0 15px 40px #4a2f1f1f}.all-courses-empty-icon{color:#f5cf91;background:linear-gradient(135deg,#4a2f1f,#765238);border-radius:50%;place-items:center;width:95px;height:95px;margin:0 auto 24px;font-size:42px;display:grid;box-shadow:0 10px 25px #4a2f1f33}.all-courses-empty h2{color:#4a2f1f;margin:0 0 14px;font-size:29px}.all-courses-empty p{color:#85664e;max-width:520px;margin:0 auto;font-size:17px;line-height:1.8}.courses-shop-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:26px;display:grid}.course-shop-card{background:#fffaf3;border:1px solid #dfc5a3;border-radius:22px;overflow:hidden;box-shadow:0 13px 34px #4a2f1f1c}.course-shop-main{text-align:right;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.course-shop-image-wrapper{background:#ead8c1;width:100%;height:225px;overflow:hidden}.course-shop-image{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.course-shop-main:hover .course-shop-image{transform:scale(1.04)}.course-shop-placeholder{color:#f1cd96;background:linear-gradient(135deg,#4b301f,#805a3d);place-items:center;width:100%;height:100%;font-size:70px;display:grid}.course-shop-content{padding:22px}.course-shop-grade{color:#94622d;background:#f7e6cd;border:1px solid #dfbc88;border-radius:999px;margin-bottom:9px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block}.course-shop-content h2{color:#4a2f1f;margin:0 0 10px;font-size:24px}.course-shop-content>p{color:#80634d;min-height:55px;margin:0;line-height:1.75}.course-shop-footer{border-top:1px solid #ead5ba;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding-top:17px;display:flex}.course-shop-footer>strong{color:#a86e30;font-size:22px}.course-details-toggle{color:#68452e;align-items:center;gap:7px;font-size:14px;font-weight:800;display:flex}.subscribe-full-course-btn{color:#fffaf3;cursor:pointer;background:linear-gradient(135deg,#70482d,#b67d3e);border:none;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:calc(100% - 40px);min-height:52px;margin:0 20px 22px;padding:12px 18px;font-size:16px;font-weight:800;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 8px 20px #5b392133}.subscribe-full-course-btn:hover{transform:translateY(-2px);box-shadow:0 11px 24px #5b392142}.course-lessons-list{background:#f8eddf;border-top:1px solid #dfc5a3;padding:24px 20px}.course-lessons-list-title{margin-bottom:20px}.course-lessons-list-title h3{color:#4a2f1f;margin:0 0 7px;font-size:22px}.course-lessons-list-title p{color:#896b53;margin:0;line-height:1.7}.course-lesson-row{background:#fffaf3;border:1px solid #dfc5a3;border-radius:16px;grid-template-columns:48px minmax(160px,1fr) auto auto;align-items:center;gap:15px;margin-bottom:14px;padding:18px;display:grid;box-shadow:0 7px 18px #4a2f1f12}.course-lesson-row:last-child{margin-bottom:0}.course-lesson-number{color:#f6d69f;background:linear-gradient(135deg,#4a2f1f,#795439);border-radius:50%;place-items:center;width:44px;height:44px;font-size:17px;font-weight:900;display:grid}.course-lesson-info h4{color:#4a2f1f;margin:0 0 6px;font-size:18px}.course-lesson-info p{color:#876a53;margin:0;font-size:14px;line-height:1.6}.course-lesson-price{text-align:center;min-width:90px}.course-lesson-price strong{color:#a86e30;white-space:nowrap;font-size:17px}.course-lesson-actions{align-items:center;gap:9px;display:flex}.subscribe-lesson-btn,.activate-lesson-code-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:9px 13px;font-size:13px;font-weight:800;transition:transform .2s,background .2s;display:flex}.subscribe-lesson-btn{color:#fffaf3;background:#795035;border:none}.subscribe-lesson-btn:hover{background:#5d3b27;transform:translateY(-1px)}.activate-lesson-code-btn{color:#76502f;background:#f7e4c7;border:1px solid #a9743a}.activate-lesson-code-btn:hover{background:#efd3a9;transform:translateY(-1px)}@media (width<=900px){.course-lesson-row{grid-template-columns:48px 1fr auto}.course-lesson-actions{grid-column:1/-1;justify-content:flex-end}}@media (width<=700px){.all-courses-page{padding:18px}.all-courses-title{min-height:92px;padding:20px}.all-courses-title h1{font-size:28px}.courses-shop-grid{grid-template-columns:1fr}.course-shop-image-wrapper{height:200px}.course-shop-footer{flex-direction:column;align-items:flex-start}.course-lesson-row{grid-template-columns:44px 1fr}.course-lesson-price{text-align:right;grid-column:2}.course-lesson-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}}@media (width<=430px){.course-lesson-actions{grid-template-columns:1fr}.subscribe-full-course-btn{width:calc(100% - 28px);margin-left:14px;margin-right:14px}}.dark-student-profile-page .all-courses-page{color:#f7ead9}.dark-student-profile-page .all-courses-title{background:linear-gradient(135deg,#2b1b13,#4f3424);border-color:#7d5b40}.dark-student-profile-page .all-courses-title h1{color:#ffe2b3}.dark-student-profile-page .all-courses-title p{color:#e5c9a2}.dark-student-profile-page .all-courses-title svg{color:#efc681}.dark-student-profile-page .all-courses-empty{background:#30221a;border-color:#735039}.dark-student-profile-page .all-courses-empty-icon{color:#efc681;background:linear-gradient(135deg,#4a2f1f,#765238)}.dark-student-profile-page .all-courses-empty h2{color:#fff4e4}.dark-student-profile-page .all-courses-empty p{color:#d8c0a7}.dark-student-profile-page .course-shop-card{background:#30221a;border-color:#735039}.dark-student-profile-page .course-shop-image-wrapper{background:#433023}.dark-student-profile-page .course-shop-content h2{color:#fff3df}.dark-student-profile-page .course-shop-content p{color:#d6c0aa}.dark-student-profile-page .course-shop-grade{color:#ffd58d;background:#463326;border-color:#8b6546}.dark-student-profile-page .course-shop-footer{border-color:#5b4230}.dark-student-profile-page .course-shop-footer strong{color:#ffd58d}.dark-student-profile-page .course-details-toggle{color:#e7cfa9}.dark-student-profile-page .subscribe-full-course-btn{color:#fff;background:linear-gradient(135deg,#6f472d,#b98343)}.dark-student-profile-page .subscribe-full-course-btn:hover{background:linear-gradient(135deg,#875534,#cf9651)}.dark-student-profile-page .course-lessons-list{background:#2b1f18;border-top-color:#5d4330}.dark-student-profile-page .course-lessons-list-title h3{color:#fff3df}.dark-student-profile-page .course-lessons-list-title p{color:#d6c0aa}.dark-student-profile-page .course-lesson-row{background:#36271d;border-color:#6b4b34}.dark-student-profile-page .course-lesson-number{color:#ffd58d;background:linear-gradient(135deg,#4a2f1f,#795439)}.dark-student-profile-page .course-lesson-info h4{color:#fff4e4}.dark-student-profile-page .course-lesson-info p{color:#d6c0aa}.dark-student-profile-page .course-lesson-price strong{color:#ffd58d}.dark-student-profile-page .subscribe-lesson-btn{color:#fff;background:#7b5234}.dark-student-profile-page .subscribe-lesson-btn:hover{background:#986440}.dark-student-profile-page .activate-lesson-code-btn{color:#ffd58d;background:#433023;border-color:#9d7348}.dark-student-profile-page .activate-lesson-code-btn:hover{background:#5b402c}.my-lessons-page{color:#4a2f1f;direction:rtl;width:100%;min-height:70vh;padding:30px}.my-lessons-title{color:#f7d9aa;background:linear-gradient(135deg,#3d281c,#67472f);border:1px solid #8f6644;border-radius:18px;align-items:center;gap:16px;width:100%;min-height:110px;margin-bottom:30px;padding:25px 35px;display:flex;box-shadow:0 12px 28px #4a2f1f38}.my-lessons-title>svg{color:#efc681;flex-shrink:0;font-size:36px}.my-lessons-title h1{margin:0;font-size:34px}.my-lessons-title p{color:#e8cda3;margin:7px 0 0}.my-lessons-empty{text-align:center;background:#fffaf3;border:1px solid #dcc19e;border-radius:24px;width:min(720px,95%);min-height:330px;margin:50px auto;padding:45px 30px;box-shadow:0 15px 40px #4a2f1f1f}.my-lessons-empty-icon{color:#f5cf91;background:linear-gradient(135deg,#4a2f1f,#765238);border-radius:50%;place-items:center;width:95px;height:95px;margin:0 auto 24px;font-size:42px;display:grid;box-shadow:0 10px 25px #4a2f1f33}.my-lessons-empty h2{color:#4a2f1f;margin:0 0 14px;font-size:29px}.my-lessons-empty p{color:#85664e;max-width:520px;margin:0 auto;font-size:17px;line-height:1.8}.my-lessons-list{gap:26px;display:grid}.my-lesson-card{background:#fffaf3;border:1px solid #dfc5a3;border-radius:22px;padding:26px;box-shadow:0 13px 34px #4a2f1f1c}.my-lesson-heading{align-items:flex-start;gap:17px;margin-bottom:24px;display:flex}.my-lesson-number{color:#f6d69f;background:linear-gradient(135deg,#4a2f1f,#795439);border-radius:50%;flex-shrink:0;place-items:center;width:54px;height:54px;font-size:20px;font-weight:900;display:grid}.my-lesson-heading span{color:#a56f34;font-size:14px;font-weight:800}.my-lesson-heading h2{color:#4a2f1f;margin:7px 0 8px;font-size:24px}.my-lesson-heading p{color:#85664e;margin:0;line-height:1.7}.lesson-steps-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.lesson-step-card{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:190px;padding:22px 16px;font-family:inherit;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.lesson-step-card.available{color:#4a2f1f;cursor:pointer;background:#f8ead6;border:1px solid #d7b889}.lesson-step-card.available:hover{transform:translateY(-4px);box-shadow:0 10px 24px #4a2f1f21}.lesson-step-card.locked{color:#9b8d81;cursor:not-allowed;opacity:.72;background:#f2eee9;border:1px solid #ded4c9}.lesson-step-icon{border-radius:50%;place-items:center;width:62px;height:62px;font-size:25px;display:grid}.lesson-step-card.available .lesson-step-icon{color:#f4ce92;background:linear-gradient(135deg,#4a2f1f,#795439)}.lesson-step-card.locked .lesson-step-icon{color:#8f8174;background:#dfd7cf}.lesson-step-card h3{margin:0;font-size:18px}.lesson-step-card span{font-size:14px;font-weight:700}.lesson-completed-icon{color:#3f8550;font-size:20px;position:absolute;top:13px;left:13px}@media (width<=1050px){.lesson-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.my-lessons-page{padding:18px}.my-lessons-title{min-height:92px;padding:20px}.my-lessons-title h1{font-size:28px}.lesson-steps-grid{grid-template-columns:1fr}.my-lesson-card{padding:20px}}.dark-student-profile-page .my-lessons-page{color:#f7ead9}.dark-student-profile-page .my-lessons-title{background:linear-gradient(135deg,#2b1b13,#4f3424);border-color:#7d5b40}.dark-student-profile-page .my-lessons-title h1{color:#ffe2b3}.dark-student-profile-page .my-lessons-title p{color:#e5c9a2}.dark-student-profile-page .my-lessons-title svg{color:#efc681}.dark-student-profile-page .my-lessons-empty{background:#30221a;border-color:#735039}.dark-student-profile-page .my-lessons-empty-icon{color:#efc681;background:linear-gradient(135deg,#4a2f1f,#765238)}.dark-student-profile-page .my-lessons-empty h2{color:#fff4e4}.dark-student-profile-page .my-lessons-empty p{color:#d8c0a7}.dark-student-profile-page .my-lesson-card{background:#30221a;border-color:#735039}.dark-student-profile-page .my-lesson-number{color:#ffd58d;background:linear-gradient(135deg,#4a2f1f,#795439)}.dark-student-profile-page .my-lesson-heading span{color:#efc681}.dark-student-profile-page .my-lesson-heading h2{color:#fff4e4}.dark-student-profile-page .my-lesson-heading p{color:#d8c0a7}.dark-student-profile-page .lesson-step-card.available{color:#fff4e4;background:#3a2b20;border-color:#7b593f}.dark-student-profile-page .lesson-step-card.available:hover{background:#473327;box-shadow:0 10px 24px #00000040}.dark-student-profile-page .lesson-step-card.available .lesson-step-icon{color:#ffd58d;background:linear-gradient(135deg,#4a2f1f,#795439)}.dark-student-profile-page .lesson-step-card.locked{color:#9f9f9f;background:#2c2c2c;border-color:#555}.dark-student-profile-page .lesson-step-card.locked .lesson-step-icon{color:#cfcfcf;background:#555}.dark-student-profile-page .lesson-step-card h3,.dark-student-profile-page .lesson-step-card span{color:inherit}.dark-student-profile-page .lesson-completed-icon{color:#58d07c}.lesson-video-overlay{z-index:99999;background:#000000d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lesson-video-modal{color:#fff3df;text-align:center;background:#2d2119;border:1px solid #8b6546;border-radius:20px;width:min(920px,100%);max-height:95vh;padding:28px;position:relative;overflow-y:auto}.lesson-video-modal h2{color:#fff3df;margin:0 45px 8px}.lesson-video-course-name{color:#efc681;margin:0 0 18px;font-weight:700}.lesson-video-close{color:#fff;cursor:pointer;background:#5b4333;border:0;border-radius:50%;width:40px;height:40px;padding:0;font-size:28px;line-height:1;position:absolute;top:12px;left:14px}.lesson-video-player{background:#000;border-radius:14px;width:100%;max-height:68vh;display:block}.lesson-video-message{color:#f3e4cf;margin:18px 0 0;font-size:16px;font-weight:700}@media (width<=600px){.lesson-video-overlay{padding:10px}.lesson-video-modal{padding:22px 12px}.lesson-video-modal h2{font-size:21px}}.watch-details-page{direction:rtl;width:100%;min-height:600px;padding:30px}.watch-details-heading{color:#f4d2ae;background:#5b4333;border-radius:18px;align-items:center;gap:14px;width:100%;min-height:90px;margin-bottom:30px;padding:20px 30px;display:flex}.watch-details-heading svg{font-size:30px}.watch-details-heading h1{margin:0;font-size:36px}.watch-details-note{color:#5b4333;text-align:center;border:2px solid #c99a6b;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:min(100%,620px);margin:0 auto 30px;padding:16px 22px;display:flex}.watch-details-note svg{flex-shrink:0;font-size:21px}.watch-details-note p{margin:0;font-size:16px;font-weight:700}.watch-details-table-wrapper{background:#fff;border:1px solid #d8c1aa;border-radius:18px;width:100%;overflow-x:auto;box-shadow:0 10px 28px #5b43331a}.watch-details-table{border-collapse:collapse;text-align:center;width:100%;min-width:1050px}.watch-details-table thead{color:#fff;background:#5b4333}.watch-details-table th{white-space:nowrap;padding:17px 12px;font-size:15px}.watch-details-table td{color:#5b4333;border-bottom:1px solid #eadfd4;padding:16px 12px}.watch-details-table tbody tr:hover{background:#faf5f0}.watch-details-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:55px 20px;display:flex}.watch-details-empty-icon{color:#8b5e3c;background:#f1e5d9;border-radius:50%;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:20px;font-size:38px;display:flex}.watch-details-empty h2{color:#5b4333;margin:0 0 12px;font-size:30px}.watch-details-empty p{color:#85766a;margin:0;font-size:17px}.watch-details-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:18px 4px;display:flex}.watch-details-page-size{color:#5b4333;align-items:center;gap:10px;font-weight:700;display:flex}.watch-details-page-size select{color:#5b4333;background:#fff;border:1px solid #b98b63;border-radius:9px;outline:none;padding:8px 28px 8px 12px}.watch-details-count{color:#756457;font-weight:700}.watch-details-pagination{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.watch-details-pagination button{color:#8b5e3c;cursor:pointer;background:0 0;border:1px solid #8b5e3c;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:105px;padding:11px 18px;font-size:15px;display:flex}.watch-details-pagination button:disabled{opacity:.45;cursor:not-allowed}@media (width<=768px){.watch-details-page{padding:18px}.watch-details-heading{justify-content:center;padding:18px}.watch-details-heading h1{font-size:27px}.watch-details-note{align-items:flex-start}.watch-details-empty{min-height:270px}.watch-details-empty h2{font-size:24px}.watch-details-footer{justify-content:center}}.watch-details-page-size select{color:#5b4333;cursor:pointer;background:#fff;border:1px solid #b98b63;border-radius:8px;width:90px;height:38px;padding:0 10px;font-weight:700}.dark-student-profile-page .watch-details-page{color:#f7ead9}.dark-student-profile-page .watch-details-heading{color:#f6d7a4;background:linear-gradient(135deg,#2f2018,#553827);border:1px solid #8d6748}.dark-student-profile-page .watch-details-heading h1{color:#f8e6c5}.dark-student-profile-page .watch-details-heading svg{color:#efc681}.dark-student-profile-page .watch-details-note{color:#f3e4cf;background:#32231b;border-color:#8b6546}.dark-student-profile-page .watch-details-note svg{color:#efc681}.dark-student-profile-page .watch-details-table-wrapper{background:#2d2119;border-color:#6e5038}.dark-student-profile-page .watch-details-table thead{background:#4a2f1f}.dark-student-profile-page .watch-details-table th{color:#f8e6c5}.dark-student-profile-page .watch-details-table td{color:#f5e8d7;background:#34261d;border-bottom:1px solid #5d4330}.dark-student-profile-page .watch-details-table tbody tr:hover{background:#463226}.dark-student-profile-page .watch-details-empty{background:#2d2119}.dark-student-profile-page .watch-details-empty-icon{color:#efc681;background:#4a2f1f}.dark-student-profile-page .watch-details-empty h2{color:#fff3df}.dark-student-profile-page .watch-details-empty p{color:#d9c3aa}.dark-student-profile-page .watch-details-footer,.dark-student-profile-page .watch-details-page-size{color:#f3e4cf}.dark-student-profile-page .watch-details-page-size select{color:#fff3df;background:#3b2b20;border-color:#8b6546}.dark-student-profile-page .watch-details-count{color:#d8c0a7}.dark-student-profile-page .watch-details-pagination button{color:#f6d7a4;background:#4a2f1f;border-color:#8b6546}.dark-student-profile-page .watch-details-pagination button:hover:not(:disabled){background:#6b4730}.dark-student-profile-page .watch-details-pagination button:disabled{opacity:.5}.invoices-page{direction:rtl;width:100%;padding:30px}.invoices-title{color:#5b4333;align-items:center;gap:12px;margin-bottom:40px;display:flex}.empty-invoices{text-align:center;background:#fff;border-radius:18px;padding:60px 20px;box-shadow:0 8px 25px #00000014}.invoice-icon{color:#8b6b54;margin-bottom:20px;font-size:70px}.empty-invoices h2{color:#5b4333;margin-bottom:10px}.empty-invoices p{color:#777}.dark-student-profile-page .invoices-page{color:#f7ead9}.dark-student-profile-page .invoices-title{color:#f6d7a4}.dark-student-profile-page .invoices-title h1{color:#f8e6c5}.dark-student-profile-page .invoices-title svg{color:#efc681}.dark-student-profile-page .empty-invoices{background:#30221a;border:1px solid #735039;box-shadow:0 12px 28px #00000047}.dark-student-profile-page .invoice-icon{color:#efc681}.dark-student-profile-page .empty-invoices h2{color:#fff4e4}.dark-student-profile-page .empty-invoices p{color:#d8c0a7}.results-page{color:#4a2f1f;direction:rtl;width:100%;min-height:70vh;padding:30px}.results-title{color:#f5d39c;background:linear-gradient(135deg,#3f291d,#66452f);border:1px solid #8f6644;border-radius:18px;align-items:center;gap:15px;width:100%;min-height:110px;margin-bottom:25px;padding:25px 35px;display:flex;box-shadow:0 12px 28px #4a2f1f38}.results-title svg{color:#f0c781;font-size:34px}.results-title h1{color:#f8dfb5;margin:0;font-size:34px}.results-tabs{background:#f5eadc;border:1px solid #d6b68d;border-radius:16px;grid-template-columns:repeat(2,1fr);gap:10px;width:min(720px,100%);margin:0 auto 35px;padding:8px;display:grid;box-shadow:0 8px 22px #5939231f}.results-tab-btn{color:#755033;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:58px;font-size:18px;font-weight:800;transition:background .25s,color .25s,transform .25s,box-shadow .25s;display:flex}.results-tab-btn:hover{color:#4a2f1f;background:#fffaf3d9;transform:translateY(-1px)}.results-tab-btn.active{color:#3f291d;background:linear-gradient(135deg,#c99451,#ebc88d);box-shadow:0 8px 18px #6441263d}.results-tab-btn svg{font-size:21px}.empty-results{text-align:center;background:#fffaf3f5;border:1px solid #dcc19e;border-radius:24px;width:min(700px,95%);min-height:320px;margin:45px auto;padding:45px 30px;box-shadow:0 15px 40px #4a2f1f24}.empty-results-icon{color:#f5cf91;background:linear-gradient(135deg,#4a2f1f,#765238);border:1px solid #8d6140;border-radius:50%;place-items:center;width:90px;height:90px;margin:0 auto 22px;font-size:40px;display:grid;box-shadow:0 10px 24px #4a2f1f38}.empty-results h2{color:#4a2f1f;margin:0 0 15px;font-size:27px}.empty-results p{color:#88694f;max-width:520px;margin:0 auto;font-size:17px;line-height:1.8}.results-list{gap:22px;display:grid}.result-card{background:#fffaf3;border:1px solid #dfc5a3;border-radius:20px;padding:25px;box-shadow:0 12px 30px #4a2f1f1a}.result-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.result-course{color:#a46f32;margin-bottom:8px;font-size:14px;font-weight:800;display:inline-block}.result-card-heading h2{color:#4a2f1f;margin:0 0 8px;font-size:23px}.result-card-heading p{color:#9a7c62;margin:0}.result-status{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:9px 14px;font-weight:800;display:flex}.result-status.passed{color:#376c42;background:#eaf4e8;border:1px solid #b8d5b8}.result-status.failed{color:#9b3e34;background:#fbe9e5;border:1px solid #e1b5ad}.result-details{grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0;display:grid}.result-number{text-align:center;background:#f8efe3;border:1px solid #ead5ba;border-radius:14px;padding:18px}.result-number span{color:#8b6b51;margin-bottom:8px;display:block}.result-number strong{color:#4a2f1f;font-size:25px}.result-progress{background:#ead9c4;border:1px solid #dfc6a6;border-radius:999px;height:12px;overflow:hidden}.result-progress-fill{border-radius:inherit;height:100%;transition:width .4s}.result-progress-fill.passed{background:linear-gradient(90deg,#7e5a35,#d1a263)}.result-progress-fill.failed{background:linear-gradient(90deg,#a34c3f,#d98976)}@media (width<=700px){.results-page{padding:18px}.results-title{min-height:90px;padding:20px}.results-title h1{font-size:28px}.results-tabs{grid-template-columns:1fr}.result-card-heading{flex-direction:column}.result-details{grid-template-columns:1fr}}.dark-student-profile-page .results-page{color:#f8ead9}.dark-student-profile-page .results-title{color:#ffe1aa!important;background:linear-gradient(135deg,#2b1b13,#4f3424)!important;border-color:#805a3d!important}.dark-student-profile-page .results-title h1{color:#ffe1aa!important}.dark-student-profile-page .results-title svg{color:#f0c781!important}.dark-student-profile-page .results-tabs{box-shadow:0 8px 22px #00000040;background:#33231a!important;border-color:#735039!important}.dark-student-profile-page .results-tab-btn{color:#ead7c1!important;background:0 0!important}.dark-student-profile-page .results-tab-btn:hover{color:#fff6e8!important;background:#4b3527!important}.dark-student-profile-page .results-tab-btn.active{color:#2e1c12!important;background:linear-gradient(135deg,#c99451,#efcd95)!important}.dark-student-profile-page .results-tab-btn.active svg{color:#4a2f1f!important}.dark-student-profile-page .empty-results{box-shadow:0 15px 40px #00000047;background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .empty-results h2{color:#fff5e8!important}.dark-student-profile-page .empty-results p{color:#dcc8b2!important}.dark-student-profile-page .empty-results-icon{color:#f5cf91!important;background:linear-gradient(135deg,#523723,#795238)!important;border-color:#a07149!important}.dark-student-profile-page .result-card{box-shadow:0 12px 30px #0000003d;background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .result-course{color:#e3ae69!important}.dark-student-profile-page .result-card-heading h2{color:#fff5e8!important}.dark-student-profile-page .result-card-heading p{color:#cdb9a4!important}.dark-student-profile-page .result-number{background:#412e22!important;border-color:#755239!important}.dark-student-profile-page .result-number span{color:#d6c0aa!important}.dark-student-profile-page .result-number strong{color:#ffd58d!important}.dark-student-profile-page .result-status.passed{color:#bce7c4!important;background:#28412e!important;border-color:#42734d!important}.dark-student-profile-page .result-status.failed{color:#ffc0b8!important;background:#4d2925!important;border-color:#865047!important}.dark-student-profile-page .result-progress{background:#513b2d!important;border-color:#755239!important}.dark-student-profile-page .result-progress-fill.passed{background:linear-gradient(90deg,#8f6438,#e0af6b)!important}.dark-student-profile-page .result-progress-fill.failed{background:linear-gradient(90deg,#a34c3f,#e08b78)!important}.level-page{color:#4a2f1f;direction:rtl;width:100%;min-height:70vh;padding:30px}.level-title{color:#f7d9aa;background:linear-gradient(135deg,#3d281c,#67472f);border:1px solid #8f6644;border-radius:18px;align-items:center;gap:15px;width:100%;min-height:110px;margin-bottom:30px;padding:25px 35px;display:flex;box-shadow:0 12px 28px #4a2f1f38}.level-title svg{color:#efc681;font-size:35px}.level-title h1{margin:0;font-size:34px}.level-summary-card{background:#fffaf3;border:1px solid #dfc4a1;border-radius:24px;grid-template-columns:230px 1fr;align-items:center;gap:40px;width:100%;padding:35px;display:grid;box-shadow:0 15px 38px #4a2f1f1f}.level-circle{justify-content:center;align-items:center;display:flex}.level-circle-progress{border-radius:50%;place-items:center;width:190px;height:190px;padding:15px;display:grid;box-shadow:0 12px 28px #4a2f1f2e}.level-circle-inside{background:#fffaf3;border:1px solid #ead4b7;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.level-circle-inside strong{color:#4a2f1f;font-size:38px}.level-circle-inside span{color:#9c6b35;margin-top:5px;font-size:19px;font-weight:800}.level-summary-content{width:100%}.level-small-title{color:#aa7640;font-size:16px;font-weight:800}.level-summary-content h2{color:#4a2f1f;margin:8px 0 12px;font-size:34px}.level-summary-content p{color:#806249;max-width:720px;margin:0 0 24px;font-size:17px;line-height:1.8}.level-main-progress{background:#ead9c3;border:1px solid #dfc4a1;border-radius:999px;width:100%;height:16px;overflow:hidden}.level-main-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#70492d,#c99652,#edcb93);height:100%;transition:width .4s}.level-progress-numbers{color:#8e7058;justify-content:space-between;margin-top:9px;font-size:14px;display:flex}.level-progress-numbers strong{color:#65452e}.level-indicators-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px;display:grid}.level-indicator-card{background:#fffaf3;border:1px solid #dfc5a3;border-radius:20px;padding:24px;box-shadow:0 10px 26px #4a2f1f17}.level-indicator-icon{color:#f4d097;background:linear-gradient(135deg,#4b301f,#795439);border-radius:15px;place-items:center;width:55px;height:55px;margin-bottom:18px;font-size:24px;display:grid}.level-indicator-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.level-indicator-heading h3{color:#4a2f1f;margin:0;font-size:19px}.level-indicator-heading strong{color:#aa7136;font-size:22px}.level-indicator-progress{background:#ead9c4;border-radius:999px;width:100%;height:11px;overflow:hidden}.level-indicator-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#7b5131,#d0a05f);height:100%}.level-advice-card{background:linear-gradient(135deg,#f5e4cc,#fff8ef);border:1px solid #d6b17f;border-radius:20px;align-items:center;gap:18px;margin-top:28px;padding:24px 28px;display:flex;box-shadow:0 10px 26px #4a2f1f1a}.level-advice-icon{background:#5b3a26;border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;font-size:28px;display:grid}.level-advice-card h2{color:#4a2f1f;margin:0 0 6px;font-size:21px}.level-advice-card p{color:#806148;margin:0;line-height:1.7}@media (width<=800px){.level-page{padding:18px}.level-title{min-height:90px;padding:20px}.level-title h1{font-size:28px}.level-summary-card{text-align:center;grid-template-columns:1fr;gap:25px;padding:25px 18px}.level-summary-content p{margin-left:auto;margin-right:auto}.level-indicators-grid{grid-template-columns:1fr}.level-advice-card{align-items:flex-start}}.dark-student-profile-page .level-page{color:#f7ead9}.dark-student-profile-page .level-title{box-shadow:0 12px 28px #00000047;background:linear-gradient(135deg,#2b1b13,#4f3424)!important;border-color:#7d5b40!important}.dark-student-profile-page .level-title h1{color:#ffe2b3!important}.dark-student-profile-page .level-title svg{color:#efc681!important}.dark-student-profile-page .level-summary-card{box-shadow:0 15px 38px #00000042;background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .level-circle-progress{box-shadow:0 12px 28px #0000004d}.dark-student-profile-page .level-circle-inside{background:#3a2a20!important;border-color:#735039!important}.dark-student-profile-page .level-circle-inside strong{color:#ffd58d!important}.dark-student-profile-page .level-circle-inside span{color:#e9bd77!important}.dark-student-profile-page .level-small-title{color:#e4b56f!important}.dark-student-profile-page .level-summary-content h2{color:#fff4e4!important}.dark-student-profile-page .level-summary-content p{color:#d8c0a7!important}.dark-student-profile-page .level-main-progress{background:#513b2d!important;border-color:#735039!important}.dark-student-profile-page .level-main-progress-fill{background:linear-gradient(90deg,#8f6438,#c99652,#efcb91)!important}.dark-student-profile-page .level-progress-numbers,.dark-student-profile-page .level-progress-numbers span{color:#d6c0aa!important}.dark-student-profile-page .level-progress-numbers strong{color:#ffd58d!important}.dark-student-profile-page .level-indicator-card{box-shadow:0 10px 26px #0000003b;background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .level-indicator-icon{color:#f4d097!important;background:linear-gradient(135deg,#523723,#795439)!important}.dark-student-profile-page .level-indicator-heading h3{color:#fff4e4!important}.dark-student-profile-page .level-indicator-heading strong{color:#ffd58d!important}.dark-student-profile-page .level-indicator-progress{background:#513b2d!important}.dark-student-profile-page .level-indicator-progress-fill{background:linear-gradient(90deg,#8f6438,#d0a05f)!important}.dark-student-profile-page .level-advice-card{box-shadow:0 10px 26px #0000003d;background:linear-gradient(135deg,#38281e,#493326)!important;border-color:#805a3d!important}.dark-student-profile-page .level-advice-icon{color:#efc681!important;background:#5b3a26!important}.dark-student-profile-page .level-advice-card h2{color:#fff4e4!important}.dark-student-profile-page .level-advice-card p{color:#d8c0a7!important}.points-page{color:#4a2f1f;direction:rtl;width:100%;min-height:70vh;padding:30px}.points-title{color:#f7d9aa;background:linear-gradient(135deg,#3d281c,#67472f);border:1px solid #8f6644;border-radius:18px;align-items:center;gap:15px;width:100%;min-height:110px;margin-bottom:30px;padding:25px 35px;display:flex;box-shadow:0 12px 28px #4a2f1f38}.points-title svg{color:#efc681;font-size:35px}.points-title h1{margin:0;font-size:34px}.points-summary{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.points-total-card,.points-rank-card{background:#fffaf3;border:1px solid #dfc4a1;border-radius:22px;min-height:190px;padding:30px;box-shadow:0 12px 30px #4a2f1f1a}.points-total-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.points-total-card span{color:#9c714d;margin-bottom:12px;font-size:18px;font-weight:800;display:block}.points-total-card strong{color:#4a2f1f;margin:0;font-size:58px;line-height:1;display:block}.points-total-card p{color:#b27e42;margin:16px 0 0;font-size:18px;font-weight:800;line-height:1.2;display:block}.points-rank-card{justify-content:center;align-items:center;gap:22px;display:flex}.points-rank-icon{color:#f5cf91;background:linear-gradient(135deg,#4a2f1f,#765238);border-radius:50%;place-items:center;width:90px;height:90px;font-size:40px;display:grid}.points-rank-card span{color:#9b7657;font-weight:800}.points-rank-card h2{color:#4a2f1f;margin:8px 0 0;font-size:30px}.points-progress-card{background:#fffaf3;border:1px solid #dfc4a1;border-radius:22px;margin-top:24px;padding:26px;box-shadow:0 12px 30px #4a2f1f1a}.points-progress-heading{justify-content:space-between;gap:20px;display:flex}.points-progress-heading h2{color:#4a2f1f;margin:0 0 7px}.points-progress-heading p{color:#8d6c52;margin:0}.points-progress-heading strong{color:#b27938;font-size:26px}.points-progress{background:#ead9c4;border-radius:999px;height:14px;margin-top:22px;overflow:hidden}.points-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#70492d,#c99652,#edcb93);height:100%}.points-progress-numbers{color:#85664e;justify-content:space-between;margin-top:9px;display:flex}.points-activities{margin-top:28px}.points-activities>h2{color:#4a2f1f;font-size:26px}.points-activities-grid{gap:16px;display:grid}.points-activity-card{background:#fffaf3;border:1px solid #e0c5a2;border-radius:18px;grid-template-columns:60px 1fr auto;align-items:center;gap:18px;padding:20px;display:grid;box-shadow:0 8px 22px #4a2f1f14}.points-activity-icon{color:#f4d097;background:linear-gradient(135deg,#4b301f,#795439);border-radius:15px;place-items:center;width:55px;height:55px;font-size:24px;display:grid}.points-activity-content h3{color:#4a2f1f;margin:0 0 6px}.points-activity-content p{color:#96765b;margin:0}.points-activity-card>strong{color:#b17635;font-size:22px}.points-empty-message{background:#f8ebd9;border:1px solid #d9b98f;border-radius:20px;align-items:center;gap:18px;margin-top:28px;padding:24px;display:flex}.points-empty-message>svg{color:#a86f33;font-size:40px}.points-empty-message h2{margin:0 0 6px}.points-empty-message p{color:#85664e;margin:0}@media (width<=750px){.points-page{padding:18px}.points-title{min-height:90px;padding:20px}.points-summary{grid-template-columns:1fr}.points-activity-card{grid-template-columns:55px 1fr}.points-activity-card>strong{text-align:left;grid-column:1/-1}}.dark-student-profile-page .points-page{color:#f8ead9}.dark-student-profile-page .points-title{box-shadow:0 12px 28px #0000004d;color:#ffe1aa!important;background:linear-gradient(135deg,#2b1b13,#4f3424)!important;border-color:#805a3d!important}.dark-student-profile-page .points-title h1{color:#ffe1aa!important}.dark-student-profile-page .points-title svg{color:#f0c781!important}.dark-student-profile-page .points-total-card,.dark-student-profile-page .points-rank-card{box-shadow:0 12px 30px #00000040;background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .points-total-card span{color:#d8c2aa!important}.dark-student-profile-page .points-total-card strong{color:#ffd58d!important}.dark-student-profile-page .points-total-card p{color:#e7b86f!important}.dark-student-profile-page .points-rank-card span{color:#d8c2aa!important}.dark-student-profile-page .points-rank-card h2{color:#fff5e8!important}.dark-student-profile-page .points-rank-icon{border:1px solid #9a704c;color:#f5cf91!important;background:linear-gradient(135deg,#523723,#795238)!important}.dark-student-profile-page .points-progress-card{box-shadow:0 12px 30px #00000040;background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .points-progress-heading h2{color:#fff5e8!important}.dark-student-profile-page .points-progress-heading p{color:#d3bda6!important}.dark-student-profile-page .points-progress-heading strong{color:#ffd58d!important}.dark-student-profile-page .points-progress{background:#513b2d!important}.dark-student-profile-page .points-progress-fill{background:linear-gradient(90deg,#8f6438,#c99652,#efcb91)!important}.dark-student-profile-page .points-progress-numbers,.dark-student-profile-page .points-progress-numbers span{color:#d6c0aa!important}.dark-student-profile-page .points-activities>h2{color:#fff5e8!important}.dark-student-profile-page .points-activity-card{box-shadow:0 8px 22px #00000038;background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .points-activity-content h3{color:#fff5e8!important}.dark-student-profile-page .points-activity-content p{color:#cfb9a2!important}.dark-student-profile-page .points-activity-card>strong{color:#ffd58d!important}.dark-student-profile-page .points-activity-icon{color:#f4d097!important;background:linear-gradient(135deg,#523723,#795439)!important}.dark-student-profile-page .points-empty-message{background:#3b2a20!important;border-color:#805a3d!important}.dark-student-profile-page .points-empty-message h2{color:#fff5e8!important}.dark-student-profile-page .points-empty-message p{color:#d3bda6!important}.dark-student-profile-page .points-empty-message>svg{color:#efc681!important}.top-ten-page{color:#4a2f1f;direction:rtl;width:100%;min-height:70vh;padding:30px}.top-ten-title{color:#f7d9aa;background:linear-gradient(135deg,#3d281c,#67472f);border:1px solid #8f6644;border-radius:18px;align-items:center;gap:15px;width:100%;min-height:110px;margin-bottom:30px;padding:25px 35px;display:flex;box-shadow:0 12px 28px #4a2f1f38}.top-ten-title svg{color:#efc681;font-size:35px}.top-ten-title h1{margin:0;font-size:34px}.top-ten-intro{background:linear-gradient(135deg,#f2dec1,#fff8ee);border:1px solid #d8b784;border-radius:20px;align-items:center;gap:20px;padding:25px;display:flex}.top-ten-intro>svg{color:#a36b2f;font-size:48px}.top-ten-intro h2{color:#4a2f1f;margin:0 0 8px}.top-ten-intro p{color:#85664e;margin:0;line-height:1.7}.top-ten-list{gap:14px;margin-top:26px;display:grid}.top-ten-student{background:#fffaf3;border:1px solid #dfc5a3;border-radius:18px;grid-template-columns:65px 65px 1fr auto;align-items:center;gap:16px;min-height:94px;padding:17px 22px;display:grid;box-shadow:0 9px 24px #4a2f1f17}.top-ten-position{color:#f4ce8f;background:#60412d;border-radius:50%;place-items:center;width:52px;height:52px;font-size:23px;font-weight:900;display:grid}.top-ten-avatar{color:#f5d29a;background:linear-gradient(135deg,#4a2f1f,#765238);border-radius:16px;place-items:center;width:55px;height:55px;font-size:25px;display:grid}.top-ten-student-info h2{color:#4a2f1f;margin:0 0 5px;font-size:20px}.top-ten-student-info p{color:#99785d;margin:0}.top-ten-points{text-align:center}.top-ten-points strong{color:#a86e30;font-size:25px;display:block}.top-ten-points span{color:#8c6a50;font-size:13px}.top-position-1{background:linear-gradient(135deg,#fff6dd,#fffaf3);border:2px solid #c7923e}.top-position-1 .top-ten-position{background:linear-gradient(135deg,#9f681e,#d6a752)}.top-position-2{border:2px solid #b6a58d}.top-position-3{border:2px solid #b87945}.top-ten-empty{text-align:center;background:#fffaf3;border:1px solid #dcc19e;border-radius:24px;width:min(700px,95%);min-height:320px;margin:45px auto;padding:45px 30px;box-shadow:0 15px 40px #4a2f1f1f}.top-ten-empty-icon{color:#f5cf91;background:linear-gradient(135deg,#4a2f1f,#765238);border-radius:50%;place-items:center;width:90px;height:90px;margin:0 auto 22px;font-size:40px;display:grid}.top-ten-empty h2{color:#4a2f1f;margin:0 0 14px}.top-ten-empty p{color:#85664e;max-width:520px;margin:0 auto;line-height:1.8}.top-ten-note{color:#68472f;background:#f5e5cf;border:1px solid #dfc298;border-radius:17px;align-items:center;gap:13px;margin-top:25px;padding:18px 22px;display:flex}.top-ten-note p{margin:0;font-weight:700}@media (width<=700px){.top-ten-page{padding:18px}.top-ten-title{min-height:90px;padding:20px}.top-ten-student{grid-template-columns:52px 52px 1fr}.top-ten-points{text-align:left;grid-column:1/-1}}.dark-student-profile-page .top-ten-page{color:#f8ead9}.dark-student-profile-page .top-ten-title{color:#ffe1aa!important;background:linear-gradient(135deg,#2b1b13,#4f3424)!important;border-color:#805a3d!important}.dark-student-profile-page .top-ten-title h1{color:#ffe1aa!important}.dark-student-profile-page .top-ten-title svg{color:#efc681!important}.dark-student-profile-page .top-ten-intro{background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .top-ten-intro>svg{color:#efc681!important}.dark-student-profile-page .top-ten-intro h2{color:#fff5e8!important}.dark-student-profile-page .top-ten-intro p{color:#d6c0aa!important}.dark-student-profile-page .top-ten-student{box-shadow:0 10px 25px #00000040;background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .top-ten-avatar{color:#f5cf91!important;background:linear-gradient(135deg,#523723,#795238)!important}.dark-student-profile-page .top-ten-position{color:#ffd58d!important;background:#5d3f2b!important}.dark-student-profile-page .top-ten-student-info h2{color:#fff5e8!important}.dark-student-profile-page .top-ten-student-info p{color:#d6c0aa!important}.dark-student-profile-page .top-ten-points strong{color:#ffd58d!important}.dark-student-profile-page .top-ten-points span{color:#d6c0aa!important}.dark-student-profile-page .top-position-1{background:#3b2c1d!important;border-color:#c7923e!important}.dark-student-profile-page .top-position-1 .top-ten-position{color:#fff;background:linear-gradient(135deg,#b97a2b,#e2b55f)!important}.dark-student-profile-page .top-position-2{background:#342820!important;border-color:#9b9386!important}.dark-student-profile-page .top-position-3{background:#34251d!important;border-color:#b87945!important}.dark-student-profile-page .top-ten-empty{background:#30221a!important;border-color:#735039!important}.dark-student-profile-page .top-ten-empty-icon{color:#f5cf91!important;background:linear-gradient(135deg,#523723,#795238)!important}.dark-student-profile-page .top-ten-empty h2{color:#fff5e8!important}.dark-student-profile-page .top-ten-empty p{color:#d6c0aa!important}.dark-student-profile-page .top-ten-note{color:#f8ead9!important;background:#3a2b21!important;border-color:#735039!important}.dark-student-profile-page .top-ten-note p{color:#f8ead9!important}