:root{--brand: #133a67;--accent: #149ddd;--wa: #25d366;--dark: #0f172a}*{box-sizing:border-box}body{margin:0;font-family:Poppins,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#1f2937;overflow-x:hidden}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.container{max-width:1180px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.7rem 1.2rem;border-radius:10px;text-decoration:none;border:none;cursor:pointer;font-weight:600}.btn-sm{padding:.45rem .9rem;font-size:.9rem}.btn-primary{background:var(--brand);color:#fff}.btn-accent{background:var(--accent);color:#fff}.btn-wa{background:var(--wa);color:#fff}.btn-outline{background:#fff;border:1px solid #cbd5e1;color:#111}.btn-danger{background:#dc2626;color:#fff;border:1px solid #dc2626}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0f172a0a;overflow:hidden;border:1px solid rgba(226,232,240,.8)}.portfolio-page .card,.portfolio-page .portfolio-card-flat,.portfolio-page .service-card-flat,.portfolio-page .contact-card-flat,.portfolio-page .course-preview-card{box-shadow:none}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.muted{color:#64748b}.lead{font-size:1.1rem;line-height:1.7}.text-center{text-align:center}.mt-4{margin-top:1.5rem}.top-nav{background:linear-gradient(90deg,#0f172a,#133a67);padding:.85rem 0;position:sticky;top:0;z-index:500;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.06)}.top-nav .nav{display:flex;justify-content:flex-start;align-items:center;gap:1rem;position:relative;flex-wrap:wrap}.top-nav a{color:#ffffffe6;text-decoration:none;font-weight:600;transition:color .15s}.top-nav a:hover,.top-nav a.active{color:var(--accent)}.top-nav .brand{font-size:1.1rem;margin-left:0;color:#fff;flex-shrink:0;display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-weight:700}.brand-icon-img{width:28px;height:28px;object-fit:contain;border-radius:6px;background:#ffffff1f}.nav-links{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;margin-left:auto}.nav-lang-center{display:flex;align-items:center;flex-shrink:0}.mobile-header-lang{display:none}.nav-logout{opacity:.85}.btn-light{background:#fff;color:var(--brand)}.page-main{padding:2rem 1rem 4rem}.portfolio-page{display:flex;min-height:100vh;position:relative}.mobile-nav-toggle{display:none;position:fixed;top:14px;left:14px;z-index:1100;width:44px;height:44px;border-radius:12px;border:none;background:#133a67;color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:0 4px 12px #133a6740}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0f172a80;z-index:150}.portfolio-sidebar{width:280px;background:linear-gradient(180deg,#0f172a,#133a67);color:#fff;padding:1.75rem 1.15rem;position:fixed;inset:0 auto 0 0;overflow-y:auto;z-index:200;border-right:1px solid rgba(255,255,255,.06)}.sidebar-profile{text-align:center;margin-bottom:1rem}.profile-img-ring{width:130px;height:130px;margin:0 auto .85rem;padding:4px;border-radius:50%;background:linear-gradient(135deg,#149ddd,#ffffff4d)}.profile-img-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center 15%;display:block;border:3px solid #0f172a;background:#0f172a}.profile-img-ring img[src=""],.profile-img-ring img:not([src]){opacity:0}.sitename{font-size:1.25rem;margin:0 0 .35rem;font-weight:700;line-height:1.3;display:flex;align-items:center;justify-content:center;gap:.45rem;flex-wrap:wrap}.sitename-icon{color:var(--accent, #0ea5e9);font-size:1.35rem}.sitename-icon-img{width:28px;height:28px;object-fit:contain;border-radius:6px}.sidebar-tagline{font-size:.82rem;opacity:.85;line-height:1.5;margin:0}.social-links{display:flex;justify-content:center;gap:.65rem;margin-bottom:1.25rem}.social-links a{color:#fff;font-size:1rem;opacity:.85;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#ffffff14;transition:background .15s}.social-links a:hover{background:#ffffff2e;opacity:1}.portfolio-nav{display:flex;flex-direction:column;gap:.25rem}.portfolio-nav a{color:#ffffffe0;text-decoration:none;padding:.5rem .7rem;border-radius:10px;display:flex;align-items:center;gap:.55rem;font-size:.92rem}.portfolio-nav a:hover,.portfolio-nav a.active{background:#ffffff1f;color:#fff}.sidebar-auth{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-auth .btn-outline{color:#fff;border-color:#ffffff59;background:transparent}.portfolio-main{margin-left:280px;flex:1;min-width:0}.section{padding:3.5rem 2rem}.section.light-bg{background:#f0f4f8}.section-title{text-align:center;margin-bottom:2rem}.section-title h2{font-size:1.85rem;margin:0 0 .35rem;position:relative;display:inline-block;color:#133a67}.section-title p{color:#64748b;margin:0}.section-title h2:after{content:"";display:block;width:48px;height:3px;background:var(--accent);margin:.45rem auto 0;border-radius:999px}.hero{position:relative;min-height:72vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f172ad1,#133a67a6,#149ddd59)}.hero-content{position:relative;text-align:center;color:#fff;z-index:1;padding:2rem 1.5rem;max-width:780px}.hero-eyebrow{display:block;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-bottom:.5rem}.hero-content h2{font-size:clamp(2rem,5vw,3rem);margin:0 0 .65rem;font-weight:700}.hero-sub{font-size:1.05rem;opacity:.92;margin:0 0 .5rem;line-height:1.6}.hero-location{opacity:.8;margin-bottom:1.25rem}.hero-actions{margin-top:1.25rem;display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap}.btn-hero-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);padding:.7rem 1.2rem;border-radius:10px;text-decoration:none;font-weight:600}.highlights-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-bottom:1px solid #e2e8f0}.highlight-item{text-align:center;padding:1.35rem 1rem;border-right:1px solid #eef2f7}.highlight-item:last-child{border-right:none}.highlight-item i{font-size:1.35rem;color:var(--accent);display:block;margin-bottom:.35rem}.highlight-item strong{display:block;font-size:1.35rem;color:var(--brand)}.highlight-item span{font-size:.78rem;color:#64748b}.about-grid{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:2.5rem;align-items:center;max-width:1100px;margin:0 auto}.about-photo-wrap{border-radius:16px;overflow:hidden;border:1px solid #e2e8f0}.about-photo{width:100%;display:block;object-fit:contain;background:#fff}.about-text h3{color:var(--brand);margin-top:0}.info-list{list-style:none;padding:0;margin-top:1.25rem}.info-list li{margin-bottom:.65rem;display:flex;align-items:center;gap:.5rem;color:#475569}.info-list i{color:var(--accent)}.portfolio-grid{max-width:1100px;margin:0 auto}.portfolio-card-flat{border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;background:#fff;transition:transform .2s,border-color .2s}.portfolio-card-flat:hover{transform:translateY(-3px);border-color:#bfdbfe}.portfolio-card-flat img{width:100%;height:200px;object-fit:cover;display:block}.portfolio-card-body{padding:1rem 1.15rem}.portfolio-card-body h4{margin:0 0 .25rem;font-size:1rem;color:var(--brand)}.portfolio-card-body p{margin:0;font-size:.85rem;color:#64748b}.services-grid{max-width:1100px;margin:0 auto}.service-card-flat{padding:1.5rem;text-align:center;border-radius:14px;border:1px solid #e2e8f0;background:#fff;transition:border-color .15s}.service-card-flat:hover{border-color:#93c5fd}.service-card-flat i{font-size:2rem;color:var(--accent);margin-bottom:.65rem;display:block}.service-card-flat h4{margin:0 0 .5rem;color:var(--brand)}.services-compact{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}.service-tile{display:grid;grid-template-columns:48px 1fr;gap:.85rem;align-items:start;padding:.9rem 1rem;border-radius:12px;background:#fff;border:1px solid #e2e8f0;border-inline-start:3px solid var(--accent);transition:border-color .15s,background .15s}.service-tile:hover{border-color:#93c5fd;border-inline-start-color:var(--brand);background:#f8fbff}.service-tile-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#e8f6fc,#f1f5f9);color:var(--accent);flex-shrink:0}.service-tile-icon i{font-size:1.25rem;margin:0}.service-tile-body h4{margin:0 0 .25rem;font-size:.98rem;color:var(--brand);line-height:1.35}.service-tile-body p{margin:0;font-size:.82rem;color:#64748b;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.courses-preview-grid{max-width:1100px;margin:0 auto}.course-preview-card{border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.course-preview-body{padding:1rem 1.15rem}.contact-card-flat{padding:1.5rem;text-align:center;border-radius:14px;border:1px solid #e2e8f0;background:#fff}.contact-card-flat i{font-size:2rem;color:var(--accent);display:block;margin-bottom:.5rem}.contact-section{padding-top:2rem;padding-bottom:2rem}.contact-strip{max-width:960px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.contact-strip-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;text-decoration:none;color:inherit;border-inline-end:1px solid #e2e8f0;transition:background .15s;min-height:72px}.contact-strip-item:last-child{border-inline-end:none}.contact-strip-item:hover{background:#f8fbff}.contact-strip-item i{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#eef6fb;color:var(--accent);font-size:1.1rem;flex-shrink:0}.contact-strip-wa i{background:#e8f8ef;color:#16a34a}.contact-strip-label{display:block;font-size:.72rem;color:#64748b;margin-bottom:.1rem;font-weight:600}.contact-strip-item strong{font-size:.88rem;color:var(--brand);font-weight:700;word-break:break-word;line-height:1.3}@media(max-width:720px){.services-compact{grid-template-columns:1fr;gap:.65rem}.service-tile{padding:.75rem .85rem;gap:.7rem;grid-template-columns:40px 1fr}.service-tile-icon{width:40px;height:40px;border-radius:9px}.service-tile-icon i{font-size:1.05rem}.service-tile-body h4{font-size:.92rem}.service-tile-body p{font-size:.78rem;-webkit-line-clamp:2}.contact-section{padding-top:1.5rem;padding-bottom:1.5rem}.contact-strip{grid-template-columns:1fr}.contact-strip-item{border-inline-end:none;border-bottom:1px solid #e2e8f0;min-height:58px;padding:.75rem 1rem}.contact-strip-item:last-child{border-bottom:none}}.portfolio-footer{text-align:center;padding:1.5rem;background:#0f172a;color:#ffffffb3;font-size:.85rem}.portfolio-footer p{margin:0}.skills-grid{max-width:900px;margin:0 auto;display:grid;gap:1rem}.skills-categories{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.skill-category{padding:1.15rem 1.25rem}.skill-category h3{margin:0 0 .75rem;font-size:1rem;color:var(--brand)}.skill-tags{display:flex;flex-wrap:wrap;gap:.45rem}.skill-tag{display:inline-block;padding:.3rem .65rem;border-radius:999px;background:#eff6ff;color:#1e40af;font-size:.82rem;border:1px solid #dbeafe}.skill-head{display:flex;justify-content:space-between;margin-bottom:.35rem;font-weight:600}.skill-bar{height:8px;background:#dbe3ee;border-radius:999px;overflow:hidden}.skill-bar div{height:100%;background:var(--accent);border-radius:999px}.resume-summary,.resume-achievements{max-width:1100px;margin:0 auto 1.5rem;padding:1.25rem 1.5rem}.resume-summary h3,.resume-achievements h3{margin:0 0 .75rem;color:var(--brand);font-size:1.05rem}.resume-summary p{margin:0;line-height:1.7;color:#475569}.resume-block-title{margin:0 0 1rem;color:var(--brand);font-size:1.1rem;display:flex;align-items:center;gap:.45rem}.resume-meta{margin:.15rem 0 0;font-size:.92rem}.resume-points{margin:.65rem 0 0;padding-right:1.1rem;color:#475569;line-height:1.65;font-size:.92rem}.resume-points li{margin-bottom:.35rem}.resume-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto}.resume-item{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.resume-item h4{margin:0 0 .25rem}.resume-section{background:linear-gradient(180deg,#f8fafc,#fff)}.resume-wrap{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:2.5rem}.resume-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.resume-highlight-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.15rem 1.1rem;box-shadow:0 8px 24px #133a670f;display:flex;gap:.75rem;align-items:flex-start}.resume-highlight-card i{color:var(--accent);font-size:1.15rem;flex-shrink:0;margin-top:.15rem}.resume-highlight-card p{margin:0;font-size:.88rem;line-height:1.55;color:#334155}.resume-block-head{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.resume-block-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.resume-block-head h3{margin:0;font-size:1.25rem;color:var(--brand)}.education-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.education-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.15rem;position:relative;overflow:hidden;box-shadow:0 6px 20px #0f172a0d;transition:transform .2s,box-shadow .2s}.education-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #133a671a}.education-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--accent))}.edu-period{display:inline-block;font-size:.72rem;font-weight:600;color:#0369a1;background:#e0f2fe;padding:.2rem .55rem;border-radius:999px;margin-bottom:.65rem}.education-card h4{margin:0 0 .4rem;font-size:.95rem;line-height:1.4;color:#0f172a}.edu-school{margin:0;font-size:.85rem;color:#475569;line-height:1.45}.edu-location{margin:.45rem 0 0;font-size:.78rem;color:#94a3b8}.experience-timeline{position:relative;padding-left:.5rem}.timeline-item{display:grid;grid-template-columns:24px 1fr;gap:1rem;position:relative;padding-bottom:1.5rem}.timeline-item:not(.last):before{content:"";position:absolute;left:11px;top:28px;bottom:0;width:2px;background:linear-gradient(180deg,#93c5fd,#e2e8f0)}.timeline-marker{width:14px;height:14px;border-radius:50%;margin-top:.45rem;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 2px var(--accent);z-index:1}.timeline-content{padding:1.25rem 1.35rem;border-radius:14px;border:1px solid #e2e8f0}.timeline-top{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between;margin-bottom:.65rem}.timeline-period{font-size:.75rem;font-weight:600;color:#fff;background:var(--brand);padding:.25rem .65rem;border-radius:999px}.timeline-location{font-size:.78rem;color:#64748b}.timeline-content h4{margin:0 0 .35rem;font-size:1rem;line-height:1.45;color:#0f172a}.timeline-company{margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--brand)}.timeline-points{margin:0;padding-left:1.15rem;list-style:none}.timeline-points li{position:relative;font-size:.86rem;line-height:1.55;color:#475569;margin-bottom:.4rem}.timeline-points li:before{content:"\2022";color:var(--accent);font-weight:700;position:absolute;left:-1rem}.portfolio-card{position:relative}.portfolio-card img{width:100%;height:220px;object-fit:cover;display:block}.portfolio-overlay{padding:1rem}.service-card{padding:1.5rem;text-align:center}.service-card i{font-size:2rem;color:var(--accent);margin-bottom:.75rem;display:block}.course-poster{width:100%;aspect-ratio:16 / 9;object-fit:contain;object-position:center;background:linear-gradient(145deg,#0f172a,#1e293b);display:block;border-radius:12px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:900px;margin:0 auto}.contact-card{padding:1.5rem;text-align:center}.contact-card i{font-size:2rem;color:var(--accent)}.form-card{max-width:480px;margin:2rem auto;padding:2rem}input,textarea,select{width:100%;padding:.75rem;margin:.4rem 0 1rem;border:1px solid #dbe3ee;border-radius:10px;font-size:16px;max-width:100%}.remember-row{display:flex;align-items:center;gap:.55rem;margin:-.25rem 0 1rem;font-size:.95rem;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none}.remember-row input{width:auto;margin:0;padding:0;accent-color:var(--brand)}.course-detail{padding:0;overflow:hidden}.course-detail-toolbar{display:flex;justify-content:space-between;gap:12px;padding:1rem 1.25rem 0;flex-wrap:wrap}.course-detail-hero{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:0;align-items:stretch;border-bottom:1px solid #eef2f7}.course-detail-poster{background:linear-gradient(145deg,#0f172a,#1e293b);aspect-ratio:16 / 9;overflow:hidden;display:flex;align-items:center;justify-content:center}.course-detail-hero img{width:100%;height:100%;object-fit:cover;object-position:center}.course-detail-meta{padding:1.5rem 1.75rem;display:flex;flex-direction:column;justify-content:center}.course-detail-meta-top{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.course-detail-meta h1{margin:0 0 .35rem;font-size:1.55rem;line-height:1.3;color:var(--dark)}.course-detail-meta .muted{margin:0 0 .5rem}.course-duration{margin:0;font-size:.92rem;font-weight:600;color:#334155;display:flex;align-items:center;gap:.35rem}.badge{background:#e0f2fe;color:#0369a1;padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.course-detail-body{padding:1.5rem 1.75rem 2rem}.course-content-block{margin-bottom:1.5rem}.course-content-block h2{margin:0 0 .85rem;font-size:1.05rem;color:var(--brand);font-weight:700}.course-content-block .lead{font-size:1rem;line-height:1.6;color:#334155;margin:0 0 1rem}.content-html{font-size:.95rem;line-height:1.65;color:#0f172a}.content-html h1,.content-html h2,.content-html h3,.content-html h4{color:var(--brand);margin:1rem 0 .5rem;line-height:1.3}.content-html h3{font-size:1.05rem}.content-html p{margin:0 0 .85rem}.content-html ul,.content-html ol{margin:0 0 .85rem;padding-inline-start:1.25rem}.content-html li{margin-bottom:.35rem}.content-html img{max-width:100%;height:auto;border-radius:10px}.content-html table{width:100%;border-collapse:collapse;margin:.75rem 0;font-size:.9rem}.content-html th,.content-html td{border:1px solid #e2e8f0;padding:.5rem .65rem}.content-html th{background:#eff6ff}.content-html a{color:var(--accent)}.action-panel{margin-top:.5rem;padding:1.25rem;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0}.action-panel h3{margin:0 0 .25rem;font-size:1.05rem}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0;align-items:stretch}.action-buttons .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-align:center}.success-msg{color:#15803d;font-weight:600}.error-msg{color:#b91c1c;font-weight:600}.modal-backdrop{position:fixed;inset:0;background:#0f172a8c;z-index:1000}.success-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background:#fff;border-radius:16px;padding:2rem 2.25rem;max-width:420px;width:calc(100% - 2rem);text-align:center;box-shadow:0 20px 50px #0003}.success-modal-icon{font-size:3rem;color:#15803d;margin-bottom:.75rem}.success-modal h3{margin:0 0 .75rem;color:var(--brand, #133a67)}.success-modal p{color:#475569;margin-bottom:1.25rem;line-height:1.6}.success-modal .btn{min-width:120px}.app-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background:#fff;border-radius:18px;padding:1.75rem 1.5rem 1.5rem;max-width:440px;width:calc(100% - 2rem);text-align:center;box-shadow:0 24px 60px #0f172a38;animation:appModalIn .22s ease-out}.app-modal-danger{border-top:4px solid #dc2626}.app-modal-icon{width:64px;height:64px;margin:0 auto .85rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.85rem}.app-modal-icon[data-mode=confirm]{background:#fef2f2;color:#dc2626}.app-modal-icon[data-mode=success]{background:#ecfdf5;color:#15803d}.app-modal-icon[data-mode=error]{background:#fef2f2;color:#b91c1c}.app-modal-icon[data-mode=info]{background:#eff6ff;color:#2563eb}.app-modal h3{margin:0 0 .65rem;color:var(--brand, #133a67);font-size:1.15rem}.app-modal p{color:#475569;margin:0 0 1.25rem;line-height:1.65;font-size:.95rem}.app-modal-actions{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap}.app-modal-actions .btn{min-width:110px}@keyframes appModalIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px))}to{opacity:1;transform:translate(-50%,-50%)}}.auth-card{text-align:center;padding:2.5rem}.auth-card .input-ltr{direction:ltr;text-align:left;unicode-bidi:isolate}.auth-card .error-msg{direction:inherit;text-align:center;unicode-bidi:plaintext}.auth-icon{font-size:2.5rem;color:var(--accent);margin-bottom:1rem}.auth-links{display:flex;justify-content:space-between;margin-top:1rem;font-size:.9rem}.auth-links a{color:var(--brand)}.resend-btn{width:100%;margin-top:.75rem}.dash-page{display:flex;flex-direction:column;gap:1.5rem}.dash-hero{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px #133a671f}.dash-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,#133a67,#149ddd 55%,#0ea5e9)}.dash-hero-content{position:relative;z-index:1;padding:2rem 2.25rem;display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;color:#fff}.dash-user-block{display:flex;align-items:center;gap:1.25rem;min-width:0}.dash-avatar-wrap{position:relative;flex-shrink:0}.dash-avatar-edit{position:absolute;right:0;bottom:0;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;border:2px solid #fff;display:grid;place-items:center;cursor:pointer;font-size:.85rem;box-shadow:0 2px 8px #0003}.dash-avatar-edit input{display:none}[dir=rtl] .dash-avatar-edit{right:auto;left:0}.dash-avatar{width:76px;height:76px;border-radius:50%;flex-shrink:0;border:3px solid rgba(255,255,255,.35);background:#ffffff26;backdrop-filter:blur(4px);color:#fff;display:grid;place-items:center;font-size:1.45rem;font-weight:700}.dash-avatar-img{width:76px;height:76px;border-radius:50%;flex-shrink:0;border:3px solid rgba(255,255,255,.35);object-fit:cover}.dash-greeting{display:block;font-size:.85rem;opacity:.85;margin-bottom:.15rem}.dash-user-text h1{margin:0 0 .35rem;font-size:1.65rem;line-height:1.2;text-transform:capitalize}.dash-email{margin:0;font-size:.9rem;opacity:.9;display:flex;align-items:center;gap:.4rem}.dash-stat-row{display:flex;gap:1rem}.dash-stat{text-align:center;padding:.85rem 1.25rem;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);min-width:110px}.dash-stat-num{display:block;font-size:1.75rem;font-weight:700;line-height:1}.dash-stat-label{display:block;font-size:.75rem;opacity:.85;margin-top:.35rem}.dash-hero-btn{white-space:nowrap;box-shadow:0 8px 20px #0000001f}.dash-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;align-items:start}.dash-panel{background:#fff;border-radius:18px;padding:1.5rem 1.75rem;box-shadow:0 10px 24px #0f172a0f;border:1px solid #e8eef5}.dash-panel-head{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #eef2f7}.dash-panel-head h2{margin:0 0 .25rem;font-size:1.15rem;display:flex;align-items:center;gap:.5rem;color:var(--brand)}.dash-panel-head p{margin:0;font-size:.9rem}.course-list{display:flex;flex-direction:column;gap:.85rem}.course-row-icon{width:42px;height:42px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:var(--accent);display:grid;place-items:center;font-size:1.2rem}.course-row-blocked{border-color:#fecaca!important;background:#fff7f7}.course-row-blocked .course-row-icon{background:#fee2e2;color:#b91c1c}.course-card-v2{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;border:1px solid #e8eef5;border-radius:16px;background:#fff;transition:border-color .15s,box-shadow .15s}.course-card-v2:hover{border-color:#bfdbfe;box-shadow:0 8px 20px #149ddd14}.cc-top{display:flex;align-items:flex-start;gap:.75rem}.cc-title-block{flex:1;min-width:0}.cc-title-block h3{margin:0 0 .2rem;font-size:1rem;line-height:1.35;color:var(--dark)}.cc-progress{display:flex;flex-direction:column;gap:.45rem}.cc-progress-bar{height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden}.cc-progress-bar span{display:block;height:100%;width:var(--p, 0%);border-radius:inherit;background:linear-gradient(90deg,var(--accent),#38bdf8)}.course-row-blocked .cc-progress-bar span{background:#ef4444}.cc-progress-meta{display:flex;flex-wrap:wrap;gap:.2rem .45rem;align-items:baseline;font-size:.8rem;color:#334155}.cc-remaining{color:#b45309;font-weight:600}.cc-actions{display:flex;gap:.5rem;align-items:stretch}.cc-actions .cc-primary{flex:1;justify-content:center}.cc-actions .cc-chat{width:42px;min-width:42px;padding:0;display:grid;place-items:center}.cc-payment-details{border-top:1px solid #eef2f7;margin:0 -.15rem}.cc-payment-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:.75rem .15rem .15rem;font-weight:700;font-size:.88rem;color:#0f172a;-webkit-user-select:none;user-select:none}.cc-payment-details summary::-webkit-details-marker{display:none}.cc-payment-details[open] summary{color:var(--brand)}.cc-payment-details summary .bi-cash-coin{color:#b45309}.cc-chevron{margin-inline-start:auto;color:#94a3b8;transition:transform .15s}.cc-payment-details[open] .cc-chevron{transform:rotate(180deg)}.cc-payment-body{padding:.65rem 0 .25rem;display:flex;flex-direction:column;gap:.85rem}.cc-installment h4{margin:0 0 .35rem;font-size:.92rem;color:var(--brand)}.cc-bank{margin-bottom:.65rem;padding:.65rem .75rem;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.cc-bank-label{display:block;font-size:.72rem;font-weight:700;color:#64748b;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.02em}.cc-bank .payment-instructions{background:transparent;border:none;padding:0;margin:0}.cc-installment-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.65rem}.cc-installment-actions .btn{width:100%;justify-content:center;overflow:hidden;text-overflow:ellipsis}.cc-installment-actions label.btn{margin:0;white-space:nowrap;overflow:hidden}.payment-history-title{font-size:.78rem;margin:0 0 .5rem;color:#64748b;font-weight:700}.payment-history-list{display:flex;flex-direction:column;gap:.35rem}.payment-history-row{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center;font-size:.82rem;padding:.45rem .65rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e8eef5}.payment-history-row .ph-num{min-width:1.75rem;height:1.75rem;display:grid;place-items:center;background:#eff6ff;color:var(--brand);border-radius:.4rem;font-weight:800;font-size:.72rem}.payment-history-row .ph-amount{color:#0f172a;flex:1}.payment-history-row .ph-date{color:#64748b}.payment-block-alert{padding:.65rem .75rem;border-radius:.5rem;background:#fef2f2;border:1px solid #fecaca;font-size:.85rem}.payment-block-alert p{margin:.25rem 0 0;color:#991b1b}.request-list{display:flex;flex-direction:column;gap:.75rem}.request-row{padding:1rem;border-radius:12px;background:#f8fafc;border:1px solid #e8eef5}.request-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.35rem}.request-row-top strong{font-size:.95rem;line-height:1.35}.request-note{margin:.35rem 0;font-size:.88rem;color:#475569;line-height:1.5}.dash-empty{text-align:center;padding:2.5rem 1.5rem;border:2px dashed #dbe3ee;border-radius:14px;background:#fafbfc}.dash-empty i{font-size:2.5rem;color:#94a3b8;display:block;margin-bottom:.75rem}.dash-empty h3{margin:0 0 .5rem;color:var(--brand)}.dash-empty-compact{padding:1.5rem}.dash-empty-compact i{font-size:1.75rem;margin-bottom:.5rem}.dash-quick-links{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #eef2f7}.dash-quick-links h3{margin:0 0 .75rem;font-size:.95rem;color:var(--brand)}.quick-link{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;border-radius:10px;text-decoration:none;color:#334155;font-weight:600;margin-bottom:.35rem;transition:background .15s}.quick-link:hover{background:#eff6ff;color:var(--brand)}.page-header{margin-bottom:1.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.dash-section{padding:1.5rem}.dash-section h3{margin-top:0;display:flex;align-items:center;gap:.5rem}.dash-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #e2e8f0}.dash-actions{display:flex;gap:.5rem;flex-wrap:wrap}.status-pill{background:#e2e8f0;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.status-pill[data-status=Approved]{background:#dcfce7;color:#15803d}.status-pill[data-status=Pending]{background:#fef3c7;color:#b45309}.status-pill[data-status=QuoteSent]{background:#dbeafe;color:#1d4ed8}.status-pill[data-status=AwaitingPayment]{background:#ffedd5;color:#c2410c}.status-pill[data-status=PaymentSubmitted]{background:#e0e7ff;color:#4338ca}.status-pill[data-status=Rejected]{background:#fee2e2;color:#b91c1c}.status-pill[data-status=Blocked]{background:#fee2e2;color:#991b1b}.status-pill[data-status=InReview]{background:#dbeafe;color:#1d4ed8}.enrolled-badge{display:inline-block;background:#dcfce7;color:#15803d;padding:.35rem .75rem;border-radius:999px;font-weight:600;margin-top:.5rem}.dashboard-profile{overflow:hidden;margin-bottom:1.25rem}.profile-banner{height:90px;background:linear-gradient(90deg,#133a67,#149ddd)}.profile-body{display:flex;align-items:center;gap:1.25rem;padding:0 1.5rem 1.5rem;flex-wrap:wrap;margin-top:-36px}.profile-avatar-wrap{flex-shrink:0}.profile-avatar{width:84px;height:84px;border-radius:50%;border:4px solid #fff;background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff;display:grid;place-items:center;font-size:1.6rem;font-weight:700;box-shadow:0 8px 20px #133a6726}.profile-body h2{margin:.5rem 0 .15rem}.chat-page-layout{display:grid;grid-template-columns:280px 1fr;gap:1rem;min-height:520px}.chat-threads-panel{padding:1rem}.thread-btn{width:100%;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:.75rem;margin-bottom:.5rem;cursor:pointer;position:relative}.thread-btn.active{border-color:var(--accent);background:#eff6ff}.thread-title{font-weight:600}.thread-preview{font-size:.85rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-badge{position:absolute;top:.5rem;right:.5rem;background:#ef4444;color:#fff;border-radius:999px;font-size:.75rem;padding:.1rem .45rem}.chat-panel{display:flex;flex-direction:column;padding:0;overflow:hidden}.chat-panel-header{display:flex;gap:.85rem;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(90deg,#f8fafc,#fff)}.online-dot{font-size:.8rem;color:#16a34a;display:flex;align-items:center;gap:.35rem}.online-dot span{width:8px;height:8px;background:#16a34a;border-radius:50%;display:inline-block}.chat-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0}.chat-avatar-sm{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-avatar-xs{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.initials{display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff;font-weight:700;font-size:.72rem}.chat-messages{flex:1;padding:1rem;overflow-y:auto;max-height:420px;background:#f8fafc}.chat-row{display:flex;align-items:flex-end;gap:.55rem;margin-bottom:.85rem}.chat-row:not(.from-admin){flex-direction:row-reverse}.chat-msg{max-width:70%;padding:.75rem 1rem;border-radius:16px;background:var(--brand);color:#fff}.chat-row.from-admin .chat-msg{background:#fff;color:#111;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.chat-row:not(.from-admin) .chat-msg{border-bottom-right-radius:4px}.msg-sender{display:block;font-weight:700;margin-bottom:.2rem;opacity:.85;font-size:.78rem}.msg-time{display:block;margin-top:.35rem;opacity:.7;font-size:.75rem}.chat-compose{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e2e8f0;align-items:center}.chat-compose textarea{margin:0;flex:1}.me-avatar{flex-shrink:0}.courses-hero{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 1.75rem;margin-bottom:1.25rem;background:linear-gradient(135deg,#133a67,#149ddd);color:#fff}.courses-hero h2{margin:0 0 .35rem;color:#fff;font-size:1.45rem}.courses-hero .muted{color:#ffffffd9;margin:0;font-size:.92rem}.courses-stats{display:flex;gap:1.5rem;text-align:center}.courses-stats strong{font-size:1.75rem;display:block;line-height:1}.courses-stats span{font-size:.78rem;opacity:.85;text-transform:uppercase;letter-spacing:.04em}.courses-toolbar{padding:1.15rem 1.25rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:1rem}.courses-toolbar-compact{max-width:1100px;margin:0 auto 1.25rem}.courses-search-wrap{position:relative;display:flex;align-items:center}.courses-search-wrap>.bi-search{position:absolute;left:1rem;color:#64748b;pointer-events:none}.courses-search-input{width:100%;padding:.75rem 2.5rem .75rem 2.65rem;border:1px solid #cbd5e1;border-radius:12px;font-size:16px;background:#f8fafc;transition:border-color .2s,box-shadow .2s}.courses-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #149ddd26;background:#fff}.courses-search-clear{position:absolute;right:.65rem;border:none;background:transparent;color:#64748b;cursor:pointer;padding:.35rem;line-height:1}.courses-category-bar{display:flex;flex-wrap:wrap;gap:.5rem}.category-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .85rem;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.category-pill:hover{border-color:var(--accent);color:var(--brand)}.category-pill.active{background:var(--brand);border-color:var(--brand);color:#fff}.category-pill.active .pill-count{background:#fff3;color:#fff}.pill-count{font-size:.72rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:#eff6ff;color:#1d4ed8}.courses-empty{text-align:center;padding:3rem 1.5rem;margin-top:.5rem}.courses-empty i{font-size:2.5rem;color:#94a3b8;display:block;margin-bottom:.75rem}.courses-empty h3{margin:0 0 .35rem;color:var(--brand)}.courses-empty-inline{grid-column:1 / -1;padding:2rem}.course-preview-image{position:relative;overflow:hidden}.course-preview-image .course-category{top:.65rem;left:.65rem}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.courses-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.15rem}.courses-catalog-list{display:flex;flex-direction:column;gap:.75rem}.courses-hero-main{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%}.courses-view-toggle{display:inline-flex;gap:.2rem;padding:.2rem;background:#ffffff29;border:1px solid rgba(255,255,255,.22);border-radius:12px;flex-shrink:0}.view-toggle-btn{width:38px;height:36px;border:none;background:transparent;border-radius:9px;color:#ffffffbf;display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.view-toggle-btn:hover{color:#fff}.view-toggle-btn.active{background:#fff;color:var(--brand);box-shadow:0 1px 3px #0f172a2e}.course-card{overflow:hidden;display:flex;flex-direction:column;border-radius:16px;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s,border-color .2s;background:#fff}.course-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f172a14;border-color:#bfdbfe}.course-card-image{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(145deg,#0f172a,#1e293b)}.course-card-image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s;background:linear-gradient(145deg,#0f172a,#1e293b)}.course-card:hover .course-card-image img{transform:scale(1.02)}.course-category{position:absolute;top:.65rem;left:.65rem;background:#0f172ad1;color:#fff;padding:.22rem .65rem;border-radius:999px;font-size:.7rem;font-weight:700;backdrop-filter:blur(4px)}[dir=rtl] .course-category{left:auto;right:.65rem}.course-card-body{flex:1;display:flex;flex-direction:column;padding:1rem 1.05rem .95rem;background:linear-gradient(180deg,#fff,#f8fafc);border-top:1px solid #eef2f7}.course-card-text{flex:1;min-height:0}.course-card-body h3{margin:0 0 .35rem;font-size:1.02rem;line-height:1.35;color:var(--brand)}.course-sub{color:#64748b;font-size:.86rem;margin:0 0 .65rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-meta{display:inline-flex;align-items:center;gap:.35rem;background:#eff6ff;color:#1d4ed8;padding:.22rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;margin-bottom:.1rem}.course-card-actions{display:flex;gap:.5rem;align-items:stretch;margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #dbe3ee}.course-card-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:10px;font-size:.86rem}.course-card-actions .btn-primary{flex:1;text-align:center}.course-card-actions .btn-wa{width:42px;flex:0 0 42px;padding:0;font-size:1.1rem}[dir=rtl] .course-card-body{text-align:right}[dir=rtl] .course-card-actions{flex-direction:row-reverse}.course-card-list{flex-direction:row;align-items:stretch;transform:none}.course-card-list:hover{transform:none}.course-card-list .course-card-image{width:160px;min-width:160px;aspect-ratio:auto;min-height:110px;border-inline-end:1px solid #eef2f7}.course-card-list .course-card-body{border-top:none;flex-direction:row;align-items:center;gap:1rem;padding:.9rem 1rem}.course-card-list .course-card-text{flex:1}.course-card-list .course-card-actions{margin-top:0;padding-top:0;border-top:none;flex-direction:column;min-width:130px}.course-card-list .course-card-actions .btn-primary{flex:0 0 auto;width:100%}.course-card-list .course-sub{-webkit-line-clamp:1;margin-bottom:.4rem}[dir=rtl] .course-card-list .course-card-actions{flex-direction:column}@media(max-width:640px){.course-card-list{flex-direction:column}.course-card-list .course-card-image{width:100%;min-width:0;aspect-ratio:16 / 9;min-height:0;border-inline-end:none;border-bottom:1px solid #eef2f7}.course-card-list .course-card-body{flex-direction:column;align-items:stretch;gap:.65rem}.course-card-list .course-card-actions{flex-direction:row;min-width:0;width:100%}.course-card-list .course-card-actions .btn-primary{width:auto;flex:1}[dir=rtl] .course-card-list .course-card-actions{flex-direction:row-reverse}}.notif-wrap{position:relative;display:inline-flex;align-items:center}.nav-icon-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:1.05rem;cursor:pointer;position:relative;padding:.4rem .55rem;border-radius:10px;line-height:1;transition:background .15s}.nav-icon-btn:hover{background:#ffffff26}.nav-badge,.notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;border-radius:999px;font-size:.65rem;padding:.1rem .35rem;min-width:18px;text-align:center;border:2px solid #133a67}.notif-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:360px;z-index:6000;max-height:440px;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0f172a33;border:1px solid #e2e8f0;display:flex;flex-direction:column}.notif-dropdown-head{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-bottom:1px solid #eef2f7;background:#f8fafc;color:var(--brand)}.notif-dropdown-body{overflow-y:auto;max-height:320px}.notif-drop-item{display:block;padding:.85rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid #f1f5f9;transition:background .12s}.notif-drop-item:hover{background:#f8fafc}.notif-drop-item.unread{background:#eff6ff;border-left:3px solid var(--accent)}.notif-drop-title{font-weight:700;font-size:.9rem;color:var(--brand);margin-bottom:.2rem}.notif-drop-item p{margin:.2rem 0 .35rem;font-size:.85rem;color:#64748b;line-height:1.45}.notif-drop-item small{font-size:.75rem}.notif-empty{padding:1.5rem 1rem;text-align:center;margin:0}.notif-dropdown-foot{display:block;text-align:center;padding:.65rem;font-size:.85rem;color:var(--brand);font-weight:600;text-decoration:none;border-top:1px solid #eef2f7;background:#fafbfc}.notif-dropdown-foot:hover{background:#eff6ff}.chat-widget-header{gap:.65rem}.widget-msg-row{display:flex;gap:.4rem;margin-bottom:.5rem;align-items:flex-end}.widget-msg-row:not(.admin){flex-direction:row-reverse}.widget-sender{display:block;font-size:.7rem;opacity:.75;margin-bottom:.15rem}.video-wrap video{position:absolute;inset:0;width:100%;height:100%;background:#000}.lecture-type-badge{font-size:.65rem;padding:.1rem .45rem;border-radius:999px;background:#e2e8f0;color:#334155;text-transform:uppercase;letter-spacing:.03em;margin-right:.35rem}.lecture-type-badge.large{font-size:.75rem;padding:.2rem .6rem;margin-bottom:.5rem;display:inline-block}.lecture-type-badge[data-type=Live]{background:#fee2e2;color:#b91c1c}.lecture-type-badge[data-type=Recorded]{background:#dbeafe;color:#1d4ed8}.lecture-type-badge[data-type=YouTube]{background:#fef3c7;color:#b45309}.lecture-item-text{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.lecture-header h2{margin:.25rem 0 1rem}.live-meeting-panel{text-align:center;padding:2.5rem 1.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#fef2f2,#fff7ed);border:1px solid #fecaca;border-radius:16px}.live-meeting-panel i{font-size:2.5rem;color:#ef4444;display:block;margin-bottom:.75rem}.live-meeting-panel h3{margin:0 0 .35rem}.live-meeting-panel p{color:#64748b;margin-bottom:1.25rem}.video-player-pro{position:relative;border-radius:14px;overflow:hidden;margin-bottom:1rem;background:#000;box-shadow:0 12px 32px #0f172a26}.video-player-pro video{width:100%;display:block;max-height:520px}.wm-badge{position:absolute;bottom:14px;right:14px;z-index:3;display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:10px;background:#0f172ab8;backdrop-filter:blur(6px);color:#fff;font-size:.78rem;font-weight:600;border:1px solid rgba(255,255,255,.12);pointer-events:none;max-width:calc(100% - 28px)}.wm-badge i{color:#93c5fd;font-size:.9rem;flex-shrink:0}.wm-badge small{display:block;font-weight:500;opacity:.85;font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.wm-ghost{position:absolute;inset:0;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,3vw,1.35rem);font-weight:600;letter-spacing:.04em;color:#ffffff12;transform:rotate(-18deg);-webkit-user-select:none;user-select:none;white-space:nowrap}.enroll-form{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.form-label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--brand)}.delivery-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin-bottom:1rem}.delivery-type-card{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}.delivery-type-card input{display:none}.delivery-type-card.selected{border-color:var(--accent);background:#eff6ff}.delivery-type-title{font-weight:700;color:var(--brand)}.delivery-type-sub{font-size:.78rem;color:#64748b}.availability-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.15rem;margin-bottom:1rem}.availability-row{display:grid;grid-template-columns:100px 1fr auto 1fr;gap:.5rem;align-items:center;padding:.45rem 0;border-bottom:1px solid #eef2f7}.availability-row:last-child{border-bottom:none}.availability-row.active{background:#149ddd0a;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:8px}.day-check{display:flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9rem;margin:0}.time-sep{font-size:.85rem;color:#64748b;text-align:center}.recorded-hint{background:#ecfdf5;color:#047857;padding:.75rem 1rem;border-radius:10px;font-size:.9rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem}.delivery-tag{display:inline-block;background:#e0f2fe;color:#0369a1;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;margin:.25rem 0}.request-workflow{flex-direction:column;align-items:stretch}.workflow-box{margin:.75rem 0;padding:1rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff}.quote-box{border-color:#bfdbfe;background:#eff6ff}.quote-discount{color:#15803d;font-weight:600;font-size:.9rem;margin:.35rem 0 0}.payment-box{border-color:#fed7aa;background:#fff7ed}.workflow-box h4{margin:0 0 .5rem;font-size:.95rem;color:var(--brand)}.workflow-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.workflow-wait{font-size:.88rem;color:#64748b;margin:.5rem 0;display:flex;align-items:center;gap:.35rem}.workflow-wait.success{color:#15803d}.payment-instructions{white-space:pre-wrap;font-family:inherit;font-size:.88rem;background:#ffffffb3;padding:.65rem;border-radius:8px;margin:0 0 .5rem;border:1px solid #fde68a}.workflow-input{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:16px}.video-watermark-wrap{position:relative;border-radius:12px;overflow:hidden;margin-bottom:1rem;background:#000}.chat-fab{position:fixed;bottom:24px;right:24px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--brand));color:#fff;border:none;box-shadow:0 8px 24px #133a6759;cursor:pointer;font-size:1.4rem;z-index:1000}.chat-fab-badge{position:absolute;top:-2px;right:-2px;background:#ef4444;color:#fff;border-radius:999px;min-width:20px;height:20px;font-size:.75rem;line-height:20px}.chat-widget-panel{position:fixed;bottom:92px;right:24px;width:340px;z-index:1000;box-shadow:0 16px 40px #0f172a2e;overflow:hidden}.chat-widget-header{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;background:var(--brand);color:#fff}.close-btn{background:none;border:none;color:#fff;font-size:1.4rem;cursor:pointer}.chat-widget-body{max-height:240px;overflow-y:auto;padding:.75rem;background:#f8fafc}.widget-msg{margin-bottom:.5rem;padding:.5rem .75rem;border-radius:10px;background:var(--brand);color:#fff;font-size:.9rem;max-width:85%;margin-left:auto}.widget-msg.admin{background:#fff;color:#111;border:1px solid #e2e8f0;margin-left:0;margin-right:auto}.chat-widget-compose{display:flex;padding:.75rem;gap:.5rem;border-top:1px solid #e2e8f0}.chat-widget-compose input{margin:0;flex:1}.chat-widget-compose button{background:var(--accent);color:#fff;border:none;border-radius:8px;width:42px;cursor:pointer}.chat-widget-link{display:block;text-align:center;padding:.5rem;font-size:.85rem;color:var(--brand)}.learning-layout{display:grid;grid-template-columns:300px 1fr;gap:1.25rem}.learning-sidebar{padding:1.25rem}.back-link{display:inline-block;margin-bottom:1rem;color:var(--brand);text-decoration:none}.lecture-list{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem}.lecture-item{display:flex;gap:.75rem;align-items:center;text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:.65rem .75rem;cursor:pointer}.lecture-item.active{border-color:var(--accent);background:#eff6ff}.lecture-item.completed{border-color:#bbf7d0;background:#f0fdf4}.lecture-item.completed.active{border-color:var(--accent);background:#eff6ff}.lecture-num{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:.8rem;flex-shrink:0}.lecture-num.done{background:#16a34a}.lecture-scheduled{display:flex;align-items:center;gap:.3rem;font-size:.72rem;margin-top:.15rem}.lecture-header-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.lecture-completed-pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:#15803d;background:#dcfce7;padding:.2rem .55rem;border-radius:999px}.lecture-complete-actions{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e2e8f0}.live-scheduled{color:#64748b;margin-bottom:.5rem!important}.learning-content{padding:1.5rem}.video-wrap{position:relative;padding-bottom:56.25%;height:0;margin-bottom:1.5rem;border-radius:12px;overflow:hidden}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.attachment-list{display:flex;flex-direction:column;gap:.5rem}.attachment-item{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:#f1f5f9;border-radius:8px;text-decoration:none;color:var(--brand)}.empty-state{text-align:center;padding:3rem;color:#64748b}.empty-state i{font-size:3rem;display:block;margin-bottom:.75rem}.nav-chat{position:relative}.nav-profile-wrap{position:relative;display:inline-flex;align-items:center}.nav-user-btn{display:flex;align-items:center;gap:.45rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.2rem .65rem .2rem .2rem;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600}.nav-user-photo{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--brand));display:grid;place-items:center;font-size:.72rem;font-weight:700;color:#fff}.nav-user-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:6000;background:#fff;border-radius:14px;overflow:hidden;max-height:min(80vh,560px);overflow-y:auto;box-shadow:0 16px 40px #0f172a2e;border:1px solid #e2e8f0}.profile-dropdown-head{padding:.85rem 1rem;border-bottom:1px solid #eef2f7;background:#f8fafc}.profile-dropdown-head strong{display:block;color:var(--brand);font-size:.9rem}.profile-dropdown-head small{color:#64748b;font-size:.78rem}.profile-dropdown-actions{padding:.5rem}.profile-dropdown-actions label,.profile-dropdown-actions a,.profile-dropdown-actions .profile-menu-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .75rem;border-radius:8px;cursor:pointer;text-decoration:none;color:#334155;font-size:.88rem;background:none;border:none;text-align:inherit;font-family:inherit}.profile-dropdown-actions label:hover,.profile-dropdown-actions a:hover,.profile-dropdown-actions .profile-menu-btn:hover{background:#eff6ff;color:var(--brand)}.profile-dropdown-actions input[type=file]{display:none}.profile-edit-panel{margin:.25rem .35rem .5rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.profile-edit-form{display:flex;flex-direction:column;gap:.45rem}.profile-edit-form label{display:flex!important;flex-direction:column;align-items:stretch!important;gap:.25rem;font-size:.78rem;font-weight:600;color:#475569;padding:0!important;background:none!important;cursor:default;width:auto}.profile-edit-form input{width:100%;padding:.4rem .55rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-weight:400}.profile-edit-title{font-size:.82rem;color:var(--brand);margin-bottom:.15rem}.profile-edit-panel hr{border:0;border-top:1px solid #e2e8f0;margin:.65rem 0}.profile-msg{margin:0;font-size:.78rem}.profile-msg.success{color:#15803d}.profile-msg.error{color:#b91c1c}.chat-attach-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;width:42px;height:42px;cursor:pointer;flex-shrink:0;color:var(--brand)}.chat-file-chip{display:inline-flex;align-items:center;gap:.35rem;margin-top:.5rem;padding:.35rem .65rem;border-radius:8px;background:#ffffff26;font-size:.82rem;text-decoration:none;color:inherit;cursor:pointer;border:none}.chat-row.from-admin .chat-file-chip{background:#eff6ff;color:#133a67}.chat-row.from-admin .chat-file-chip:hover{background:#dbeafe}.chat-compose-file{font-size:.78rem;color:#64748b;padding:0 .5rem}.lang-switch-btn,.lang-toggle{display:inline-flex;align-items:center;gap:.4rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:#ffffff1f;color:inherit;padding:.4rem .85rem;font-size:.85rem;font-weight:700;cursor:pointer;line-height:1.3;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap}.lang-switch-btn:hover,.lang-toggle button:hover{background:#fff3;border-color:#ffffff8c}.lang-switch-btn:active{transform:scale(.98)}.lang-switch-btn i{font-size:1rem;opacity:.95}.lang-toggle{overflow:hidden;padding:0}.lang-toggle button{border:none;background:transparent;color:inherit;padding:.35rem .75rem;font-size:.78rem;font-weight:700;cursor:pointer;line-height:1.4}.lang-toggle button.active{background:var(--accent);color:#fff}.sidebar-lang{display:flex;justify-content:center;margin-bottom:1rem}.sidebar-lang .lang-switch-btn,.sidebar-lang .lang-toggle{border-color:#ffffff47}.dash-lang-row{display:flex;justify-content:flex-end}.dash-lang-row .lang-switch-btn,.dash-lang-row .lang-toggle{border-color:#cbd5e1;background:#fff;color:var(--brand);box-shadow:0 1px 4px #0f172a14}.dash-lang-row .lang-switch-btn:hover{background:#f8fafc;border-color:var(--accent);color:var(--accent)}.auth-lang-row{display:flex;justify-content:flex-end;margin-bottom:.75rem}.auth-lang-row .lang-switch-btn,.auth-lang-row .lang-toggle{border-color:#cbd5e1;background:#fff;color:var(--brand);box-shadow:0 1px 4px #0f172a14}.auth-lang-row .lang-switch-btn:hover{background:#f8fafc;border-color:var(--accent);color:var(--accent)}.top-nav .lang-switch-btn{border-color:#ffffff59;background:#ffffff1a;color:#fff}.top-nav .lang-switch-btn:hover{background:#ffffff38;border-color:#fff}[dir=rtl] body{font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif}[dir=rtl] .portfolio-main{margin-left:0;margin-right:280px}[dir=rtl] .hero-eyebrow,[dir=rtl] .courses-stats span{text-transform:none;letter-spacing:0}.lang-switch-btn .lang-target-ar{font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif;direction:rtl;unicode-bidi:embed}.lang-switch-btn .lang-target-en{font-family:Poppins,Segoe UI,Arial,sans-serif;direction:ltr}[dir=rtl] .portfolio-sidebar{inset:0 0 0 auto;border-right:none;border-left:1px solid rgba(255,255,255,.06)}[dir=rtl] .mobile-nav-toggle{left:auto;right:14px}[dir=rtl] .resume-points{padding-right:0;padding-left:1.1rem}[dir=rtl] .highlight-item{border-right:none;border-left:1px solid #eef2f7}[dir=rtl] .highlight-item:last-child{border-left:none}[dir=rtl] .profile-dropdown,[dir=rtl] .notif-dropdown{right:auto;left:0}[dir=rtl] .dash-lang-row{justify-content:flex-start}@media(max-width:992px){[dir=rtl] .portfolio-sidebar{transform:translate(100%)}[dir=rtl] .portfolio-sidebar.open{transform:translate(0)}.mobile-nav-toggle{display:grid;place-items:center}.mobile-header-lang{display:flex;justify-content:center;position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:1100}.mobile-header-lang .lang-switch-btn{border-color:#ffffff73;background:#133a67f0;color:#fff;box-shadow:0 4px 14px #0f172a47}.mobile-header-lang .lang-switch-btn:hover{background:#149dddf2;border-color:#fff}.sidebar-lang{display:none}.top-nav{padding:.65rem 0}.top-nav .nav{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;align-items:center;row-gap:.55rem}.top-nav .brand{grid-column:1;grid-row:1;justify-self:start;align-self:center;max-width:calc(50% - 2rem);font-size:.74rem;line-height:1.2;white-space:nowrap;z-index:1}.top-nav .brand i{font-size:.85rem}.top-nav .nav-lang-center{grid-column:1;grid-row:1;justify-self:center;align-self:center;z-index:2}.top-nav .nav-links{grid-column:1;grid-row:2;width:100%;margin-left:0;justify-content:center;flex-wrap:wrap;gap:.4rem .65rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.12)}.top-nav .nav-links .btn-sm{padding:.35rem .7rem;font-size:.78rem}.top-nav .nav-chat span,.top-nav .nav-logout{font-size:.82rem}.auth-lang-row,.dash-lang-row{display:none}.portfolio-sidebar{transform:translate(-100%);transition:transform .25s ease;width:min(280px,88vw)}.portfolio-sidebar.open{transform:translate(0)}.portfolio-main,[dir=rtl] .portfolio-main{margin-left:0;margin-right:0;width:100%;max-width:100%}.highlights-strip{grid-template-columns:repeat(2,1fr)}.highlight-item:nth-child(2){border-right:none}.highlight-item{border-bottom:1px solid #eef2f7}.about-grid,.resume-grid,.course-detail-hero,.skills-categories{grid-template-columns:1fr}.course-detail-poster{max-height:none}.course-detail-hero img{max-height:180px}.course-detail-meta{padding:1.15rem 1.25rem}.course-detail-meta h1{font-size:1.3rem}.course-detail-body{padding:1.15rem 1.25rem 1.5rem}.action-panel{padding:1.15rem}.action-panel h3{text-align:center;font-size:1.05rem}.action-buttons{flex-direction:column;gap:.6rem}.action-buttons .btn{width:100%;min-height:44px}.resume-highlights,.education-cards{grid-template-columns:1fr}.timeline-top{flex-direction:column;align-items:flex-start}.section{padding:2.5rem 1.15rem}.hero-content h2{font-size:2rem}.nav-links{gap:.65rem;font-size:.88rem}.nav-user-btn span{display:none}.dash-hero-content{grid-template-columns:1fr;text-align:center}.dash-user-block{flex-direction:column}.dash-stat-row{justify-content:center;flex-wrap:wrap}.dash-layout,.cc-installment-actions{grid-template-columns:1fr}.availability-row{grid-template-columns:1fr;gap:.35rem}.time-sep{display:none}.notif-dropdown{width:min(360px,calc(100vw - 2rem));right:-1rem}.chat-page-layout,.learning-layout{grid-template-columns:1fr}.chat-widget-panel{width:calc(100% - 32px);right:16px}}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton{display:block;background:linear-gradient(90deg,#e2e8f0,#f8fafc,#e2e8f0 90%);background-size:200% 100%;animation:skeleton-shimmer 1.15s ease-in-out infinite;border-radius:10px}.skeleton-line{height:14px;margin-bottom:.55rem}.skeleton-line.lg{height:22px}.skeleton-line.sm{height:12px;width:55%}.skeleton-avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0}.skeleton-btn{height:40px;border-radius:10px}.skeleton-chip{height:36px;width:96px;border-radius:999px;display:inline-block;margin-inline-end:.5rem}.skeleton-course-card .skeleton-poster{width:100%;aspect-ratio:1 / 1;border-radius:0}.skeleton-course-card .skeleton-body{padding:1rem}.skeleton-course-row{display:flex;gap:.85rem;align-items:flex-start;padding:1rem;background:#fff;border-radius:14px;border:1px solid #e2e8f0}.skeleton-course-row .skeleton-thumb{width:160px;aspect-ratio:16 / 9;border-radius:12px;flex-shrink:0}.skeleton-dash-hero{display:flex;gap:1rem;align-items:center;padding:1.5rem;border-radius:16px;background:#133a67;margin-bottom:1rem}.skeleton-detail-hero{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:0}.skeleton-detail-hero .skeleton-poster{width:100%;aspect-ratio:1 / 1;border-radius:0}.skeleton-detail-meta{padding:1.5rem}@media(max-width:992px){.skeleton-detail-hero{grid-template-columns:1fr}}