:root{--atfaal-purple:#513275;--atfaal-purple-dark:#29183b;--atfaal-gold:#d8ad50;--atfaal-cream:#fffdf8;--atfaal-lilac:#f3edf9;--atfaal-text:#33233f;--atfaal-muted:#75677d;--atfaal-border:#e6dceb;--atfaal-white:#fff}
.atfaal-auth-wrap,.atfaal-dashboard,.atfaal-learning-hub,.atfaal-resource-detail,.atfaal-announcements,.atfaal-profile{max-width:1120px;margin:45px auto;padding:0 20px;color:var(--atfaal-text);font-family:inherit}.atfaal-auth-card,.atfaal-denied{max-width:700px;margin:60px auto;padding:55px 35px;text-align:center;background:linear-gradient(145deg,#fff,#faf5ff);border:1px solid var(--atfaal-border);border-radius:28px;box-shadow:0 18px 50px rgba(55,25,80,.09)}.atfaal-auth-icon,.atfaal-denied-icon{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 18px;border-radius:22px;background:var(--atfaal-lilac);font-size:35px}.atfaal-auth-wrap form#loginform{max-width:540px;margin:0 auto;padding:38px;background:#fff;border:1px solid var(--atfaal-border);border-radius:25px;box-shadow:0 16px 45px rgba(55,25,80,.08)}.atfaal-auth-wrap form#loginform label{display:block;font-weight:700;margin:0 0 8px}.atfaal-auth-wrap form#loginform input[type=text],.atfaal-auth-wrap form#loginform input[type=password]{width:100%;box-sizing:border-box;padding:14px;border:1px solid #d9cde2;border-radius:12px;margin:7px 0 18px;background:#fff}.atfaal-auth-wrap form#loginform input[type=submit],.atfaal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--atfaal-purple);color:#fff!important;border:0;border-radius:999px;padding:13px 24px;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(81,50,117,.2)}.atfaal-auth-wrap form#loginform input[type=submit]{width:100%;font-size:16px}.atfaal-auth-note{max-width:540px;margin:18px auto;text-align:center;color:var(--atfaal-muted);font-size:14px}.atfaal-auth-link{text-align:center}.atfaal-auth-link a,.atfaal-text-btn{color:var(--atfaal-purple);font-weight:800}.atfaal-form{background:#fff;border:1px solid var(--atfaal-border);border-radius:26px;padding:38px;box-shadow:0 15px 45px rgba(55,25,80,.08)}.atfaal-form h2{text-align:center;font-size:30px;margin:0 0 8px}.atfaal-form-intro{text-align:center;color:var(--atfaal-muted);margin-bottom:30px}.atfaal-form label{display:block;font-weight:700;margin:0 0 17px}.atfaal-form input,.atfaal-form select,.atfaal-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #dcd0e4;border-radius:12px;background:#fff;color:var(--atfaal-text);font:inherit}.atfaal-form small{color:var(--atfaal-muted)}.atfaal-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.atfaal-child-box{padding:22px;background:#faf6ff;border:1px solid var(--atfaal-border);border-radius:18px;margin:18px 0}.atfaal-msg{max-width:800px;margin:0 auto 20px;padding:15px 18px;border-radius:13px;text-align:center;font-weight:700}.atfaal-msg-success{background:#eaf8ef;color:#17683a}.atfaal-msg-error{background:#fff0f0;color:#a42e2e}.atfaal-hero-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:42px;border-radius:30px;background:linear-gradient(135deg,var(--atfaal-purple-dark),var(--atfaal-purple));color:#fff;box-shadow:0 20px 50px rgba(42,25,60,.2)}.atfaal-kicker{font-size:12px;letter-spacing:1.7px;font-weight:900;color:var(--atfaal-gold)}.atfaal-hero-card h1,.atfaal-page-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:9px 0}.atfaal-hero-card p,.atfaal-page-hero p{font-size:17px;opacity:.9}.atfaal-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:var(--atfaal-gold);font-size:30px;font-weight:900;color:var(--atfaal-purple-dark);flex:none}.atfaal-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.atfaal-stat-grid>div{background:#fff;border:1px solid var(--atfaal-border);border-radius:20px;padding:22px;text-align:center}.atfaal-stat-grid b{display:block;font-size:30px;color:var(--atfaal-purple)}.atfaal-stat-grid span{color:var(--atfaal-muted)}.atfaal-dashboard-section{margin:42px 0}.atfaal-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.atfaal-section-head h2{margin:5px 0 0;font-size:28px}.atfaal-outline-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid var(--atfaal-purple);border-radius:999px;text-decoration:none;color:var(--atfaal-purple);font-weight:800;background:#fff}.atfaal-child-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.atfaal-child-card{display:flex;gap:16px;align-items:center;padding:20px;background:#fff;border:1px solid var(--atfaal-border);border-radius:20px}.atfaal-child-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:var(--atfaal-lilac);font-size:25px}.atfaal-child-card h3{margin:0 0 5px}.atfaal-child-card p,.atfaal-child-card small{margin:0;color:var(--atfaal-muted)}.atfaal-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.atfaal-module{display:flex;flex-direction:column;gap:7px;padding:25px 20px;background:#fff;border:1px solid var(--atfaal-border);border-radius:22px;text-decoration:none;color:var(--atfaal-text);transition:.2s;box-shadow:0 8px 25px rgba(55,25,80,.04)}.atfaal-module:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(55,25,80,.1)}.atfaal-module>span{font-size:30px}.atfaal-module b{font-size:18px}.atfaal-module small{color:var(--atfaal-muted)}.atfaal-module-primary{background:linear-gradient(145deg,#fff9e9,#fff)}.atfaal-dashboard-footer{display:flex;justify-content:center;gap:12px;margin:30px 0;color:var(--atfaal-muted)}.atfaal-page-hero{text-align:center;padding:25px 10px 35px}.atfaal-page-hero h1{font-size:38px}.atfaal-filter-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:25px;padding:10px;background:#fff;border:1px solid var(--atfaal-border);border-radius:16px}.atfaal-filter-bar>a{padding:9px 13px;border-radius:999px;text-decoration:none;color:var(--atfaal-text);font-weight:700}.atfaal-filter-bar>a.active,.atfaal-filter-bar>a:hover{background:var(--atfaal-purple);color:#fff}.atfaal-filter-bar form{margin-left:auto;display:flex}.atfaal-filter-bar input{padding:10px;border:1px solid var(--atfaal-border);border-radius:10px 0 0 10px}.atfaal-filter-bar button{border:0;background:var(--atfaal-purple);color:#fff;border-radius:0 10px 10px 0}.atfaal-resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.atfaal-resource-card{background:#fff;border:1px solid var(--atfaal-border);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(55,25,80,.06);transition:.22s}.atfaal-resource-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(55,25,80,.12)}.atfaal-resource-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--atfaal-lilac);text-decoration:none}.atfaal-resource-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s}.atfaal-resource-card:hover img{transform:scale(1.04)}.atfaal-resource-placeholder{height:100%;display:grid;place-items:center;font-size:65px}.atfaal-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#fff;color:var(--atfaal-purple);font-size:11px;font-weight:900;letter-spacing:1px}.atfaal-resource-media .atfaal-badge{position:absolute;left:14px;top:14px}.atfaal-zoom{position:absolute;right:14px;bottom:14px;width:35px;height:35px;display:grid;place-items:center;background:rgba(41,24,59,.78);color:#fff;border-radius:50%}.atfaal-resource-body{padding:20px}.atfaal-resource-body h3{margin:0 0 8px;font-size:20px}.atfaal-resource-body p{color:var(--atfaal-muted);line-height:1.6;margin:0 0 15px}.atfaal-empty-large{text-align:center;padding:70px 20px;background:#fff;border:1px dashed var(--atfaal-border);border-radius:25px}.atfaal-empty-large div{font-size:55px}.atfaal-back{display:inline-block;margin-bottom:18px;color:var(--atfaal-purple);font-weight:800;text-decoration:none}.atfaal-detail-card{background:#fff;border:1px solid var(--atfaal-border);border-radius:28px;overflow:hidden;box-shadow:0 15px 45px rgba(55,25,80,.08)}.atfaal-detail-top{padding:30px 35px}.atfaal-detail-top h1{font-size:38px;margin:12px 0}.atfaal-detail-cover{display:block;width:100%;max-height:600px;object-fit:contain;background:#f7f3fa}.atfaal-detail-content{padding:30px 35px;line-height:1.8;font-size:17px}.atfaal-video-wrap{padding:0 35px 30px}.atfaal-video-wrap video{width:100%;max-height:650px;border-radius:18px;background:#111}.atfaal-progress{padding:0 35px 35px;display:flex;gap:10px}.atfaal-progress button{border:0;border-radius:999px;background:#eaf8ef;color:#17683a;padding:11px 17px;font-weight:800;cursor:pointer}.atfaal-notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.atfaal-notice-card{background:#fff;border:1px solid var(--atfaal-border);border-radius:22px;padding:25px}.atfaal-notice-card>span{color:var(--atfaal-gold);font-size:12px;font-weight:900}.atfaal-notice-card h3{font-size:21px}.atfaal-notice-card div{color:var(--atfaal-muted);line-height:1.65}.atfaal-profile-form{max-width:850px;margin:auto}.atfaal-child-edit{position:relative;padding:20px;margin:10px 0;background:#faf6ff;border:1px solid var(--atfaal-border);border-radius:18px}.atfaal-remove-child{position:absolute;right:10px;top:10px;border:0;background:#fff0f0;color:#a42e2e;border-radius:50%;width:28px;height:28px;cursor:pointer}.atfaal-profile-form .atfaal-btn{margin-top:20px}.atfaal-social-footer{padding:35px 0}.atfaal-social-heading{margin-bottom:20px}.atfaal-social-heading h3{margin:6px 0;font-size:24px}.atfaal-social-branches{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.atfaal-social-branch{padding:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:18px}.atfaal-social-branch>b{display:block;margin-bottom:10px}.atfaal-social-branch a{display:inline-block;margin:0 12px 8px 0;color:inherit;text-decoration:none;font-weight:700}.atfaal-admin-status{font-weight:700}.atfaal-status-approved{color:#18783e}.atfaal-status-pending{color:#a46b00}.atfaal-status-rejected{color:#a32b2b}
@media(max-width:900px){.atfaal-module-grid{grid-template-columns:repeat(2,1fr)}.atfaal-resource-grid{grid-template-columns:repeat(2,1fr)}.atfaal-notice-grid{grid-template-columns:1fr 1fr}.atfaal-hero-card{padding:30px}.atfaal-two-col{grid-template-columns:1fr}}
@media(max-width:600px){.atfaal-auth-wrap,.atfaal-dashboard,.atfaal-learning-hub,.atfaal-resource-detail,.atfaal-announcements,.atfaal-profile{padding:0 14px;margin:25px auto}.atfaal-module-grid,.atfaal-resource-grid,.atfaal-notice-grid,.atfaal-stat-grid{grid-template-columns:1fr}.atfaal-hero-card{padding:25px;align-items:flex-start}.atfaal-avatar{width:55px;height:55px;font-size:22px}.atfaal-section-head{align-items:flex-start;flex-direction:column}.atfaal-filter-bar form{width:100%;margin-left:0}.atfaal-filter-bar input{flex:1}.atfaal-detail-top,.atfaal-detail-content,.atfaal-video-wrap,.atfaal-progress{padding-left:20px;padding-right:20px}.atfaal-detail-top h1{font-size:30px}.atfaal-form{padding:25px 18px}}