:root{--bg:#06101c;--bg2:#0a1828;--card:rgba(12,29,47,.72);--card2:#10263d;--line:rgba(255,255,255,.09);--text:#f4f8fb;--muted:#9fb2c3;--primary:#47d7ca;--primary2:#24a8c8;--accent:#9be15d;--danger:#ff6b75;--shadow:0 28px 80px rgba(0,0,0,.32);--radius:24px;--font:'Cairo',Tahoma,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 10%,rgba(36,168,200,.14),transparent 35%),radial-gradient(circle at 10% 30%,rgba(71,215,202,.08),transparent 28%),var(--bg);color:var(--text);font-family:var(--font);line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip-link{position:fixed;top:-100px;right:20px;background:var(--primary);color:#041116;padding:10px 16px;z-index:1000;border-radius:10px}.skip-link:focus{top:20px}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:18px 24px;background:rgba(6,16,28,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:1.2px;line-height:1.25}.brand small{display:block;color:var(--muted);font-weight:500;font-size:11px;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#031018;font-size:22px;box-shadow:0 8px 25px rgba(71,215,202,.2)}.brand.compact .brand-mark{width:38px;height:38px}.main-nav{display:flex;align-items:center;gap:25px;color:var(--muted);font-size:14px}.main-nav a:hover{color:var(--text)}.lang-toggle,.menu-toggle{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:10px;padding:7px 11px;cursor:pointer}.menu-toggle{display:none}.hero{min-height:calc(100vh - 80px);max-width:1280px;margin:auto;padding:80px 24px 100px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;position:relative}.hero-copy,.product-visual{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:700;font-size:13px;letter-spacing:.4px}.eyebrow:before{content:'';width:25px;height:2px;background:currentColor;border-radius:9px}.hero h1{font-size:clamp(62px,9vw,116px);line-height:.9;margin:20px 0 25px;letter-spacing:-5px}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35)}.hero h2{font-size:clamp(24px,3.2vw,42px);line-height:1.45;margin:0 0 18px;max-width:780px}.hero h2 em{display:block;color:var(--muted);font-style:normal;font-weight:500;font-size:.65em}.hero p{color:var(--muted);font-size:17px;max-width:720px}.launch-pill{display:inline-flex;align-items:center;gap:9px;margin:12px 0 22px;padding:7px 14px;border:1px solid rgba(71,215,202,.25);border-radius:999px;background:rgba(71,215,202,.07);font-size:13px}.launch-pill i{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 7px rgba(71,215,202,.1);animation:pulse 2s infinite}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 20px;border-radius:13px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#041116;box-shadow:0 12px 35px rgba(36,168,200,.22)}.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.035)}.btn-whatsapp{background:#24d366;color:#04180c}.btn-danger{background:rgba(255,107,117,.12);border-color:rgba(255,107,117,.25);color:#ff9ba3}.btn.small{min-height:38px;padding:7px 12px;font-size:12px}.btn.full{width:100%}.hero-notes{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:12px}.hero-notes span:before{content:'✓';color:var(--primary);margin-left:6px}.hero-glow{position:absolute;border-radius:50%;filter:blur(5px);pointer-events:none}.glow-one{width:400px;height:400px;background:rgba(36,168,200,.08);right:-170px;top:30px}.glow-two{width:280px;height:280px;background:rgba(155,225,93,.05);left:8%;bottom:0}.floating-letters span{position:absolute;color:rgba(255,255,255,.035);font-size:90px;font-weight:800;animation:float 7s ease-in-out infinite}.floating-letters span:nth-child(1){top:5%;right:3%}.floating-letters span:nth-child(2){top:15%;left:46%;animation-delay:-2s}.floating-letters span:nth-child(3){bottom:8%;right:40%;animation-delay:-3s}.floating-letters span:nth-child(4){bottom:2%;left:3%;animation-delay:-4s}.floating-letters span:nth-child(5){top:48%;left:-2%;animation-delay:-5s}.glass-card{background:linear-gradient(145deg,rgba(19,43,68,.88),rgba(10,24,40,.82));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px);border-radius:var(--radius)}.product-visual{perspective:1100px}.window{overflow:hidden;transform:rotateY(-6deg) rotateX(2deg);transition:.5s}.window:hover{transform:rotateY(0) rotateX(0)}.window-top{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:11px;color:var(--muted)}.window-top div{display:flex;gap:6px}.window-top i{width:8px;height:8px;border-radius:50%;background:#405268}.window-top b{color:var(--primary)}.window-body{min-height:430px;display:flex}.window-body aside{width:72px;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:22px}.mini-logo{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--primary);color:#041116;font-weight:800}.window-body aside span{width:28px;height:7px;background:rgba(255,255,255,.08);border-radius:7px}.window-body aside span.active{background:var(--primary)}.mock-content{flex:1;padding:38px 30px}.mock-heading small{color:var(--primary)}.mock-heading strong{display:block;font-size:23px;margin-top:5px}.typing-demo{margin:35px 0 24px;padding:20px;background:rgba(0,0,0,.18);border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.source-text{color:var(--muted);unicode-bidi:bidi-override;direction:ltr}.processed-text{color:var(--text);font-weight:700}.font-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.font-grid span{background:rgba(255,255,255,.035);border:1px solid var(--line);padding:14px 7px;border-radius:12px;text-align:center;font-size:12px}.mock-button{margin-top:22px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#041116;text-align:center;padding:11px;border-radius:12px;font-weight:800}.section{max-width:1180px;margin:auto;padding:105px 24px}.section-heading{max-width:780px;margin-bottom:45px}.section-heading h2,.flow-copy h2,.notify-copy h2,.coming h2{font-size:clamp(31px,4vw,52px);line-height:1.35;margin:10px 0 14px}.section-heading p,.flow-copy p,.notify-copy p{color:var(--muted)}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem-card{padding:29px;min-height:220px}.problem-card h3{font-size:21px}.problem-card p{color:var(--muted)}.card-number{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.05);color:var(--muted);font-weight:800}.solution-card{border-color:rgba(71,215,202,.25);background:linear-gradient(145deg,rgba(31,73,80,.82),rgba(10,31,43,.9))}.solution-card .card-number{background:var(--primary);color:#041116}.direct-writing{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.flow-visual{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:center;direction:rtl}.flow-visual>i{color:var(--primary);font-style:normal}.flow-step{min-height:170px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.flow-step span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:rgba(255,255,255,.06);color:var(--primary);font-weight:800;margin-bottom:12px}.flow-step small{color:var(--muted);margin-top:7px}.flow-step.featured{transform:translateY(-13px);border-color:rgba(71,215,202,.34);box-shadow:0 24px 65px rgba(36,168,200,.12)}.text-link{color:var(--primary);font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);transition:.3s}.feature-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.045);border-color:rgba(71,215,202,.2)}.feature-card>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(71,215,202,.1);color:var(--primary);font-weight:800}.feature-card h3{font-size:18px}.feature-card p{color:var(--muted);font-size:14px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.video-card{display:block;border:1px solid var(--line);border-radius:20px;padding:12px;background:rgba(255,255,255,.025);transition:.3s}.video-card:hover{transform:translateY(-6px);border-color:rgba(71,215,202,.25)}.video-thumb{height:190px;border-radius:15px;background:radial-gradient(circle at 30% 20%,rgba(71,215,202,.35),transparent 30%),linear-gradient(135deg,#132a44,#091623);position:relative;display:grid;place-items:center;overflow:hidden}.video-thumb:before{content:'ع';position:absolute;font-size:135px;font-weight:800;color:rgba(255,255,255,.035);transform:rotate(-10deg)}.video-thumb.alt:before{content:'هـ'}.video-thumb small,.video-thumb b{position:absolute;bottom:12px;padding:3px 8px;border-radius:7px;background:rgba(0,0,0,.52);font-size:10px}.video-thumb small{left:12px}.video-thumb b{right:12px;color:var(--primary)}.play{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.92);color:#05111d;padding-left:3px;z-index:2;box-shadow:0 15px 35px rgba(0,0,0,.25)}.video-card h3{font-size:17px;margin:15px 7px 2px}.video-card p{color:var(--muted);font-size:13px;margin:0 7px 8px}.videos-cta{margin-top:30px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.videos-cta p{color:var(--muted);margin:3px 0}.coming{max-width:none;min-height:570px;display:grid;place-items:center;text-align:center;position:relative;overflow:hidden;border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(13,31,50,.6),rgba(6,16,28,.4))}.coming-content{max-width:760px;position:relative;z-index:2}.coming-content p{color:var(--muted);font-size:17px}.coming-orb{position:absolute;width:450px;height:450px;border:1px solid rgba(71,215,202,.1);border-radius:50%;box-shadow:0 0 130px rgba(36,168,200,.14),inset 0 0 120px rgba(71,215,202,.05)}.coming-orb:before,.coming-orb:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.06);border-radius:50%;inset:55px}.coming-orb:after{inset:120px}.notify{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.notify-copy ul{list-style:none;padding:0}.notify-copy li{margin:10px 0;color:var(--muted)}.notify-copy li:before{content:'✓';color:var(--primary);margin-left:8px}.notify-form{padding:30px}.notify-form label{display:block;color:#dbe8f2;font-size:13px;margin-bottom:15px}.notify-form input,.notify-form select{width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18);color:var(--text);outline:none}.notify-form input:focus,.notify-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(71,215,202,.08)}.notify-form select option{background:#0d2033}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.checkbox{display:flex!important;align-items:flex-start;gap:9px;color:var(--muted)!important}.checkbox input{width:auto;margin-top:7px}.checkbox a{color:var(--primary)}.honeypot{position:absolute!important;left:-9999px!important}.form-message{display:none;margin:14px 0 0;padding:11px 13px;border-radius:10px;font-size:13px}.form-message.success,.form-message.error{display:block}.form-message.success{background:rgba(71,215,202,.1);color:#9ff3e9;border:1px solid rgba(71,215,202,.2)}.form-message.error{background:rgba(255,107,117,.1);color:#ffadb3;border:1px solid rgba(255,107,117,.2)}.loader{display:none;width:18px;height:18px;border:2px solid rgba(0,0,0,.25);border-top-color:#041116;border-radius:50%;animation:spin .8s linear infinite}.loading .loader{display:block}.loading span{display:none}.site-footer{max-width:1180px;margin:auto;padding:55px 24px 30px;display:grid;grid-template-columns:1fr auto;gap:25px;border-top:1px solid var(--line);color:var(--muted)}.site-footer p{font-size:13px}.site-footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px}.footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:8px 24px;font-size:13px}.floating-whatsapp{position:fixed;left:18px;bottom:18px;z-index:30;background:#24d366;color:#04180c;border-radius:999px;padding:11px 17px;font-weight:800;box-shadow:0 15px 40px rgba(0,0,0,.35)}.toast{position:fixed;bottom:25px;right:50%;transform:translate(50%,30px);opacity:0;z-index:90;background:#f5fbff;color:#081522;padding:12px 20px;border-radius:12px;transition:.3s;pointer-events:none;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(50%,0)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.legal-wrap{max-width:880px;margin:auto;padding:80px 24px}.legal-card{padding:40px}.legal-card h1{font-size:42px}.legal-card h2{margin-top:32px}.legal-card p{color:var(--muted)}.muted{color:var(--muted)}.admin-body{min-height:100vh}.login-shell{min-height:100vh;display:grid;place-items:center;padding:25px}.login-card{width:min(440px,100%);padding:34px}.login-card h1{margin-bottom:0}.login-card p{color:var(--muted)}.login-card label{display:block;margin:16px 0;font-size:13px}.login-card input{width:100%;margin-top:7px;padding:13px;border-radius:11px;border:1px solid var(--line);background:rgba(0,0,0,.2);color:var(--text)}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 3vw;border-bottom:1px solid var(--line);background:rgba(6,16,28,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.admin-header nav{display:flex;gap:8px;flex-wrap:wrap}.dashboard-wrap{max-width:1380px;margin:auto;padding:38px 3vw 70px}.dashboard-title{display:flex;justify-content:space-between}.dashboard-title h1{font-size:38px;margin:5px 0}.dashboard-title p{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:25px 0}.stat-card{padding:20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.025)}.stat-card span{display:block;color:var(--muted);font-size:12px}.stat-card strong{font-size:31px}.dashboard-grid.two{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.panel{padding:24px}.panel h2{font-size:19px;margin-top:0}.goal-row{margin:19px 0}.goal-row>div:first-child{display:flex;justify-content:space-between;font-size:12px}.goal-row b{color:var(--muted)}.progress{height:8px;background:rgba(255,255,255,.05);border-radius:99px;overflow:hidden;margin:8px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary2),var(--primary));border-radius:inherit}.goal-row small{color:var(--primary)}.bar-row{display:grid;grid-template-columns:100px 1fr 35px;gap:10px;align-items:center;margin:13px 0;font-size:12px}.bar-row>div{height:8px;background:rgba(255,255,255,.05);border-radius:99px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--primary2),var(--primary))}.table-panel{margin-top:15px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head span{color:var(--muted);font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{text-align:right;padding:12px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--primary)}td{color:#c7d5e1}@keyframes pulse{0%,100%{box-shadow:0 0 0 5px rgba(71,215,202,.1)}50%{box-shadow:0 0 0 10px rgba(71,215,202,0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:55px}.product-visual{max-width:650px;margin:auto;width:100%}.problem-grid,.feature-grid,.video-grid{grid-template-columns:repeat(2,1fr)}.direct-writing,.notify{grid-template-columns:1fr}.flow-copy{order:-1}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.site-header{padding:13px 17px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:68px;right:15px;left:15px;flex-direction:column;align-items:stretch;padding:18px;background:#0a1a2b;border:1px solid var(--line);border-radius:16px}.main-nav.open{display:flex}.hero{padding:55px 18px 75px}.hero h1{letter-spacing:-2px}.hero-actions .btn{width:100%}.window-body{min-height:360px}.window-body aside{display:none}.mock-content{padding:25px 18px}.section{padding:75px 18px}.problem-grid,.feature-grid,.video-grid{grid-template-columns:1fr}.flow-visual{grid-template-columns:1fr}.flow-visual>i{transform:rotate(90deg);text-align:center}.flow-step.featured{transform:none}.videos-cta{align-items:stretch;flex-direction:column}.form-row{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.dashboard-grid.two{grid-template-columns:1fr}.admin-header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:80px 1fr 25px}.legal-card{padding:25px}.legal-card h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

.video-thumb.has-image{background-size:cover;background-position:center}.video-thumb.has-image:before{display:none}.video-loading{pointer-events:none}.video-empty{min-height:150px;display:flex;flex-direction:column;justify-content:center}.content-management-card{margin:15px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.content-management-card h2{margin:5px 0}.content-management-card p{margin:0}.video-admin-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(0,1.25fr);gap:15px;align-items:start}.admin-form label{display:block;color:#dbe8f2;font-size:13px;margin-bottom:15px}.admin-form input,.admin-form textarea,.admin-form select{width:100%;margin-top:7px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.18);color:var(--text);outline:none;resize:vertical}.admin-form input:focus,.admin-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(71,215,202,.08)}.admin-check input{width:auto!important}.admin-message{display:block;margin:0 0 16px}.video-list-panel{margin-top:0}.video-admin-table{min-width:700px}.table-sub{display:block;color:var(--muted);font-weight:400}.status-pill{display:inline-flex;padding:3px 9px;border-radius:999px;font-size:11px}.status-pill.active{background:rgba(71,215,202,.12);color:#9ff3e9}.status-pill.inactive{background:rgba(255,107,117,.1);color:#ffadb3}.table-actions{display:flex;gap:6px;align-items:center}.table-actions form{margin:0}.btn.tiny{min-height:34px;padding:5px 10px;font-size:11px}
@media(max-width:980px){.video-admin-grid{grid-template-columns:1fr}.content-management-card{align-items:stretch;flex-direction:column}}

/* معرض الصور العلوي — v1.2.0 */
.product-visual{display:flex;flex-direction:column;gap:13px;min-width:0}.hero-gallery{position:relative;min-height:470px;overflow:hidden;background:linear-gradient(145deg,rgba(19,43,68,.92),rgba(5,14,25,.96));isolation:isolate}.gallery-stage{position:absolute;inset:0}.gallery-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .65s ease,transform .9s ease,visibility .65s;display:grid;place-items:center;background:#07111f}.gallery-slide.active{opacity:1;visibility:visible;transform:scale(1)}.gallery-slide img{width:100%;height:100%;object-fit:contain;display:block;background:radial-gradient(circle at 50% 30%,rgba(36,168,200,.08),transparent 55%),#07111f}.gallery-slide figcaption{position:absolute;right:18px;left:18px;bottom:52px;padding:10px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(3,12,21,.72);backdrop-filter:blur(10px);color:#fff;font-size:13px;text-align:center}.gallery-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:30px;color:var(--muted);background:radial-gradient(circle at 50% 35%,rgba(71,215,202,.11),transparent 38%)}.gallery-loading[hidden]{display:none}.gallery-loading strong{color:var(--text);font-size:19px}.gallery-loading small{max-width:290px}.gallery-placeholder-mark{display:grid;place-items:center;width:86px;height:86px;border-radius:28px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#031018;font-size:44px;font-weight:800;box-shadow:0 18px 55px rgba(36,168,200,.2);margin-bottom:8px}.gallery-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(3,12,21,.64);color:#fff;font-size:27px;line-height:1;cursor:pointer;backdrop-filter:blur(8px);transition:.2s}.gallery-arrow:hover{background:rgba(71,215,202,.86);color:#031018;border-color:transparent}.gallery-next{left:14px}.gallery-prev{right:14px}.gallery-controls{position:absolute;z-index:6;right:50%;bottom:16px;transform:translateX(50%);display:flex;align-items:center;gap:9px;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(3,12,21,.68);backdrop-filter:blur(10px)}.gallery-toggle{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:10px;cursor:pointer}.gallery-dots{display:flex;align-items:center;gap:6px}.gallery-dot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.35);cursor:pointer;transition:.25s}.gallery-dot.active{width:20px;background:var(--primary)}.gallery-progress{position:absolute;z-index:6;right:0;left:0;bottom:0;height:3px;background:rgba(255,255,255,.08)}.gallery-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary2))}.gallery-caption-note{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 4px;color:var(--muted);font-size:11px}.gallery-caption-note span{color:var(--text);font-weight:700}.gallery-empty .gallery-stage{display:none}@keyframes galleryProgress{from{width:0}to{width:100%}}

/* إدارة معرض الصور */
.gallery-settings-card{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:16px}.gallery-settings-card h2{margin:4px 0}.gallery-settings-card p{margin:0}.gallery-settings-form{display:flex;align-items:end;gap:10px}.gallery-settings-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}.gallery-settings-form input{width:150px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:rgba(0,0,0,.18);color:var(--text);outline:none}.gallery-edit-preview{height:210px;margin-bottom:16px;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#07111f}.gallery-edit-preview img{width:100%;height:100%;object-fit:contain;display:block}.upload-help{margin:-8px 0 15px;color:var(--muted);font-size:11px}.gallery-active-check{align-self:end;min-height:49px;display:flex!important;align-items:center;margin-bottom:15px!important}.admin-slide-thumb{width:92px;height:62px;object-fit:cover;border-radius:9px;border:1px solid var(--line);background:#07111f}.gallery-admin-table{min-width:760px}
@media(max-width:980px){.hero-gallery{min-height:420px}.gallery-settings-card{align-items:stretch;flex-direction:column}.gallery-settings-form{align-items:stretch;flex-wrap:wrap}.gallery-settings-form input{width:100%}.gallery-settings-form .btn{flex:1}}
@media(max-width:680px){.hero-gallery{min-height:330px}.gallery-arrow{width:36px;height:36px}.gallery-slide figcaption{bottom:48px;right:12px;left:12px}.gallery-caption-note{align-items:flex-start;flex-direction:column;gap:0}.gallery-settings-form{display:grid;grid-template-columns:1fr}.gallery-settings-form .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.gallery-slide{transition:none}.gallery-progress i{animation:none!important}}
.hero-gallery [hidden]{display:none!important}.content-management-grid .content-management-card{margin:0}


/* تحسين موضع المعرض وإبراز حالة ما قبل الإطلاق — v1.2.1 */
.hero{
  direction:ltr;
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);
  grid-template-areas:"copy visual";
  align-items:start;
  padding-top:46px;
  gap:48px;
}
.hero-copy{grid-area:copy;direction:rtl;padding-top:4px}
.product-visual{grid-area:visual;direction:rtl;align-self:start;margin-top:0}
.hero-gallery{min-height:500px}
.prelaunch-notice{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  width:fit-content;
  max-width:100%;
  margin:0 0 18px;
  padding:14px 19px 13px;
  border:1px solid rgba(255,196,86,.42);
  border-radius:17px;
  background:linear-gradient(135deg,rgba(255,183,55,.16),rgba(255,122,77,.08));
  box-shadow:0 16px 45px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.035);
}
.prelaunch-notice strong{
  color:#ffd47b;
  font-size:clamp(25px,2.35vw,38px);
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.5px;
}
.prelaunch-notice span{color:#f2dfbd;font-size:13px;font-weight:600}
.launch-pill-large{
  border-radius:17px;
  padding:11px 15px;
  gap:13px;
  font-size:15px;
  background:rgba(71,215,202,.075);
}
.launch-pill-large>span{display:flex;flex-direction:column;line-height:1.45}
.launch-pill-large strong{font-size:16px;color:var(--text)}
.launch-pill-large small{font-size:11px;color:var(--muted);font-weight:500}
.launch-pill-large i{flex:0 0 auto}
@media(max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:30px;padding-left:18px;padding-right:18px}
  .hero-gallery{min-height:420px}
  .hero h1{font-size:clamp(54px,8vw,82px)}
}
@media(max-width:760px){
  .hero{grid-template-columns:1fr;grid-template-areas:"visual" "copy";gap:32px;padding-top:28px}
  .product-visual{width:100%;max-width:650px;margin:0 auto}
  .hero-copy{padding-top:0}
  .prelaunch-notice{width:100%;align-items:center;text-align:center}
  .prelaunch-notice strong{font-size:clamp(25px,8vw,34px)}
  .hero-gallery{min-height:340px}
}


/* الشعار الرسمي وتكبيره لزيادة الوضوح — v1.2.2 */
.brand-logo{
  display:block;
  width:68px;
  height:68px;
  flex:0 0 auto;
  object-fit:contain;
  border-radius:20px;
  box-shadow:0 10px 32px rgba(0,0,0,.38),0 0 0 1px rgba(255,210,105,.22);
}
.brand.compact .brand-logo{width:52px;height:52px;border-radius:16px}
.site-header{padding-top:10px;padding-bottom:10px}
.site-header .brand>span{font-size:16px}
.hero-brand-row{
  display:flex;
  align-items:center;
  gap:19px;
  flex-wrap:wrap;
  margin:0 0 18px;
}
.hero-main-logo{
  display:block;
  width:132px;
  height:132px;
  flex:0 0 132px;
  object-fit:contain;
  border-radius:30px;
  filter:drop-shadow(0 22px 38px rgba(0,0,0,.38));
}
.hero-brand-row .prelaunch-notice{margin:0;flex:1 1 330px}
.gallery-placeholder-logo{
  display:block;
  width:148px;
  height:148px;
  object-fit:contain;
  border-radius:34px;
  margin-bottom:10px;
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.42));
}
.site-footer .brand-logo{width:58px;height:58px;border-radius:17px}
@media(max-width:760px){
  .brand-logo{width:56px;height:56px;border-radius:17px}
  .brand.compact .brand-logo{width:48px;height:48px}
  .site-header{padding-top:8px;padding-bottom:8px}
  .site-header .brand>span{font-size:13px}
  .hero-brand-row{justify-content:center;gap:13px}
  .hero-main-logo{width:116px;height:116px;flex-basis:116px;border-radius:27px}
  .hero-brand-row .prelaunch-notice{flex-basis:100%}
  .gallery-placeholder-logo{width:126px;height:126px;border-radius:29px}
}
@media(max-width:460px){
  .brand-logo{width:50px;height:50px;border-radius:15px}
  .site-header .brand{gap:8px;letter-spacing:.5px}
  .site-header .brand small{font-size:9px}
  .hero-main-logo{width:108px;height:108px;flex-basis:108px}
}