/* Polish layer: Islamic geometric texture, gold framing, refined type. Loaded last on every page. */
:root{--g:#C6A15E;--g2:#E8CF94;--ink:#0A1428}
html{background:var(--ink)}
body{background-color:var(--ink)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(1100px 620px at 50% -180px,rgba(198,161,94,.20),transparent 62%),radial-gradient(900px 700px at 100% 40%,rgba(38,74,140,.30),transparent 60%),radial-gradient(800px 600px at 0% 85%,rgba(26,92,98,.22),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cg fill='none' stroke='%23C6A15E' stroke-opacity='.075' stroke-width='1'%3E%3Crect x='24' y='24' width='40' height='40'/%3E%3Crect x='24' y='24' width='40' height='40' transform='rotate(45 44 44)'/%3E%3Ccircle cx='44' cy='44' r='7'/%3E%3Cpath d='M0 0L24 24M88 0L64 24M0 88L24 64M88 88L64 64'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#0E1C3A 0%,#0A1428 55%,#081022 100%)!important;background-attachment:fixed!important;background-size:160px,auto,auto,auto,88px,auto!important}
::selection{background:rgba(198,161,94,.35);color:#fff}
html{scrollbar-color:#5b4a2a #0A1428}
/* header */
.top{background:linear-gradient(180deg,rgba(10,20,40,.88),rgba(10,20,40,.72))!important;border-bottom:0!important;box-shadow:0 1px 0 rgba(198,161,94,.0),0 10px 30px -18px rgba(0,0,0,.8)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,161,94,.65) 30%,rgba(232,207,148,.9) 50%,rgba(198,161,94,.65) 70%,transparent)}
@media (min-width:641px){.top{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}}
.brand svg{color:var(--g);filter:drop-shadow(0 0 10px rgba(198,161,94,.45))}
.brand b{letter-spacing:.01em}
.top button{white-space:nowrap}
.nav a:not(.cta){position:relative}
.nav a:not(.cta)::after{content:"";position:absolute;left:50%;right:50%;bottom:-4px;height:1px;background:var(--g);transition:left .25s,right .25s}
.nav a:not(.cta):hover::after,.nav a[aria-current=page]:not(.cta)::after{left:8px;right:8px}
@media (max-width:640px){.nav a:not(.cta)::after{display:none}.nav{background:rgba(10,20,40,.9)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(198,161,94,.35)!important}}
/* type */
h1{letter-spacing:-.01em;text-shadow:0 2px 30px rgba(0,0,0,.35)}
h1 em,h2 em{background:linear-gradient(100deg,#B8904A,#F1DCA6 45%,#C6A15E 70%,#E8CF94);-webkit-background-clip:text;background-clip:text;color:transparent!important;font-style:italic;padding-right:.08em}
.eyebrow{display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--g);box-shadow:0 0 8px rgba(198,161,94,.6);flex:none}
/* buttons */
.cta,.btn,button.primary,.go,.start{background:linear-gradient(135deg,#E9D29A 0%,#C6A15E 45%,#A8823F 100%)!important;color:#1A1406!important;border:0!important;box-shadow:0 8px 24px -10px rgba(198,161,94,.75),inset 0 1px 0 rgba(255,255,255,.45)!important;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.cta:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px -10px rgba(198,161,94,.9),inset 0 1px 0 rgba(255,255,255,.5)!important}
.cta::before,.btn::before{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s}
.cta:hover::before,.btn:hover::before{left:130%}
/* inputs */
input[type=text],input:not([type]){border-color:rgba(198,161,94,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
input:focus{border-color:var(--g)!important;box-shadow:0 0 0 3px rgba(198,161,94,.18)!important;outline:none}
/* panels: level rows, cards, boxes */
button.level,.card,.box,.ccard,.course-card,.mod,.lesson{background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 60%),rgba(12,24,48,.55)!important;border:1px solid rgba(198,161,94,.20)!important;border-radius:18px!important;box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 18px 40px -26px rgba(0,0,0,.9);transition:transform .25s,border-color .25s,box-shadow .25s}
button.level{margin:10px 0!important;padding-left:18px!important;padding-right:18px!important;position:relative;overflow:hidden}
button.level::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 120px at 0% 50%,rgba(198,161,94,.13),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}
button.level:hover,.card:hover{transform:translateY(-2px);border-color:rgba(198,161,94,.6)!important;box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 24px 50px -24px rgba(0,0,0,.95),0 0 0 1px rgba(198,161,94,.15)}
button.level:hover::before{opacity:1}
button.level .num{width:58px;height:58px;display:grid!important;place-items:center;border-radius:50%;border:1px solid rgba(198,161,94,.45);background:radial-gradient(circle at 35% 30%,rgba(232,207,148,.18),rgba(198,161,94,.04) 70%);box-shadow:0 0 0 5px rgba(198,161,94,.06);flex:none}
/* quotes */
blockquote{border:1px solid rgba(198,161,94,.25)!important;border-left:3px solid var(--g)!important;border-radius:4px 16px 16px 4px;background:linear-gradient(120deg,rgba(198,161,94,.09),rgba(198,161,94,.015))!important;padding:20px 24px!important}
/* section ornament */
main h2{position:relative}
.page-head{position:relative;padding-bottom:28px}
.page-head::after{content:"";display:block;margin-top:26px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14'%3E%3Cg fill='none' stroke='%23C6A15E'%3E%3Cpath d='M0 7H48M72 7H120' stroke-opacity='.5'/%3E%3Crect x='55' y='2' width='10' height='10' transform='rotate(45 60 7)'/%3E%3Ccircle cx='60' cy='7' r='1.6' fill='%23C6A15E'/%3E%3C/g%3E%3C/svg%3E") left center no-repeat}
/* footer */
footer{position:relative;border-top:0!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25))}
footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,161,94,.55),transparent)}
img{border-radius:inherit}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Course extras */
.listen{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:10px 16px;border-radius:999px;border:1px solid rgba(198,161,94,.45);background:rgba(198,161,94,.08);color:#E8CF94;font:600 14px Manrope,system-ui,sans-serif;cursor:pointer}
.listen:hover{background:rgba(198,161,94,.16)}
.listen.on{background:#C6A15E;color:#1A1406;animation:lpulse 1.4s ease-in-out infinite}
@keyframes lpulse{50%{box-shadow:0 0 0 6px rgba(198,161,94,.18)}}
ol.steps{list-style:none;padding:0;margin:14px 0;counter-reset:none;display:grid;gap:10px}
ol.steps li{padding:14px 16px;border-radius:14px;border:1px solid rgba(198,161,94,.18);background:rgba(255,255,255,.03);line-height:1.6}
ol.steps li b{color:#E8CF94;margin-right:4px}
ol.steps .ar{display:block;font-family:Amiri,serif;font-size:1.35em;line-height:1.9;color:#F1DCA6;direction:rtl;text-align:right;margin:8px 0}
.certbox{margin-top:26px;padding-top:22px;border-top:1px solid rgba(198,161,94,.25)}
.certbox h3{margin:0 0 12px}
.cert-row{display:flex;gap:10px;flex-wrap:wrap}
.cert-row input{flex:1 1 220px;min-width:0;padding:13px 16px;border-radius:12px;border:1px solid rgba(198,161,94,.35);background:rgba(8,16,34,.6);color:#fff;font:500 16px Manrope,system-ui,sans-serif}
.certbox canvas{display:block;width:100%;height:auto;margin:18px 0 12px;border-radius:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.9)}
.certbox canvas[hidden],.certbox [hidden]{display:none}

/* Menu: always fits */
@media (min-width:641px){.top{position:sticky;top:0;z-index:50}}
.cta-s{display:none}
@media (max-width:640px){.nav{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;gap:4px!important;justify-content:space-between}.nav>a,.nav>button{flex:1 1 0!important;min-width:0!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;font-size:12.5px!important;padding:11px 2px!important;text-align:center}.cta-l{display:none}.cta-s{display:inline}}