html.light{--nav-bg:hsla(43,26%,95%,.92);--hero-text-grad:linear-gradient(180deg,#1a1610,rgba(26,22,16,.65));--canvas-bg:linear-gradient(180deg,#ede9e0,#ddd8ce);--stars-vis:0}:root{--nav-bg:rgba(10,14,26,.85);--hero-text-grad:linear-gradient(180deg,#fff,hsla(0,0%,100%,.6));--canvas-bg:linear-gradient(180deg,#141b2d,#0a0e1a);--stars-vis:1}.theme-toggle{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:50px;padding:6px 14px 6px 8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.theme-toggle:hover{border-color:var(--gold)}.toggle-track{width:36px;height:20px;border-radius:50px;background:var(--deep2);border:1px solid var(--border);position:relative;transition:background .3s;flex-shrink:0}html.light .toggle-track{background:rgba(212,168,67,.25)}.toggle-knob{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:all .3s cubic-bezier(.34,1.56,.64,1)}html.light .toggle-knob{right:auto;left:2px;background:var(--gold)}.toggle-icon{font-size:14px;transition:all .3s}.toggle-label{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.stars{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 20% 50%,rgba(212,168,67,.05) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(78,205,196,.04) 0,transparent 50%),var(--deep);transition:background .5s ease}.stars:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,hsla(0,0%,100%,.3) 0,transparent 100%),radial-gradient(1px 1px at 30% 60%,hsla(0,0%,100%,.2) 0,transparent 100%),radial-gradient(1px 1px at 50% 10%,hsla(0,0%,100%,.3) 0,transparent 100%),radial-gradient(1px 1px at 70% 80%,hsla(0,0%,100%,.2) 0,transparent 100%),radial-gradient(1px 1px at 90% 40%,hsla(0,0%,100%,.3) 0,transparent 100%),radial-gradient(2px 2px at 15% 85%,rgba(212,168,67,.4) 0,transparent 100%),radial-gradient(2px 2px at 85% 15%,rgba(78,205,196,.3) 0,transparent 100%);transition:opacity .5s}html.light .stars:before{opacity:0}html.light .stars{background:radial-gradient(ellipse at 30% 0,rgba(212,168,67,.1) 0,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(78,205,196,.06) 0,transparent 50%),var(--deep)}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:var(--nav-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .4s ease}.nav-logo{font-family:var(--font-tajawal),"Tajawal",sans-serif;font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}.nav-logo span{-webkit-text-fill-color:var(--accent)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--muted);text-decoration:none;font-size:15px;font-weight:500;transition:color .2s;position:relative}.nav-links a:hover{color:var(--gold)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.btn-nav{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--deep);padding:10px 24px;border-radius:50px;font-weight:700;font-size:14px;cursor:pointer;border:none;transition:all .2s;font-family:var(--font-cairo),"Cairo",sans-serif;text-decoration:none;display:inline-block}.btn-nav:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(212,168,67,.4)}.btn-nav-ghost{background:transparent;color:var(--muted);padding:9px 18px;border-radius:50px;font-weight:600;font-size:14px;cursor:pointer;border:1px solid var(--border);font-family:var(--font-cairo),"Cairo",sans-serif;transition:all .2s;text-decoration:none;display:inline-block}.btn-nav-ghost:hover{border-color:var(--gold);color:var(--gold)}.landing-page section{position:relative;z-index:1}.hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:120px 80px 80px;max-width:1400px;margin:0 auto}.hero,.hero-badge{align-items:center}.hero-badge{display:inline-flex;gap:8px;background:rgba(212,168,67,.1);border:1px solid var(--border);padding:8px 16px;border-radius:50px;margin-bottom:24px;font-size:13px;color:var(--gold)}.hero-badge:before{content:"\2726"}.hero-h1{font-family:var(--font-tajawal),"Tajawal",sans-serif;font-size:clamp(42px,6vw,80px);font-weight:800;line-height:1.1;margin-bottom:20px;background:var(--hero-text-grad);-webkit-background-clip:text}.hero-h1,.hero-h1 .gold{-webkit-text-fill-color:transparent}.hero-h1 .gold{background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text}.hero-sub{font-size:18px;color:var(--muted);line-height:1.7;margin-bottom:40px;max-width:480px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,var(--gold) 0,var(--gold-dark) 100%);color:var(--deep);padding:16px 36px;border-radius:50px;font-weight:700;font-size:17px;cursor:pointer;border:none;font-family:var(--font-cairo),"Cairo",sans-serif;transition:all .25s;box-shadow:0 4px 24px rgba(212,168,67,.35);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(212,168,67,.5)}.btn-ghost{background:transparent;color:var(--text);padding:16px 36px;border-radius:50px;font-weight:600;font-size:17px;cursor:pointer;border:1px solid hsla(0,0%,100%,.15);font-family:var(--font-cairo),"Cairo",sans-serif;transition:all .2s;text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.hero-stats{display:flex;gap:40px;margin-top:48px}.stat-num{font-family:var(--font-tajawal),"Tajawal",sans-serif;font-size:32px;font-weight:800;color:var(--gold)}.stat-label{font-size:13px;color:var(--muted)}.character-stage{position:relative;display:flex;flex-direction:column;align-items:center}.stage-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse,rgba(212,168,67,.15) 0,transparent 70%);pointer-events:none}.canvas-wrap{width:380px;height:460px;background:var(--canvas-bg);border-radius:24px;border:1px solid var(--border);overflow:hidden;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.05);transition:transform .4s ease,box-shadow .4s ease;transform-style:preserve-3d;will-change:transform}.canvas-wrap:hover{box-shadow:0 40px 120px rgba(0,0,0,.8),0 0 60px rgba(212,168,67,.18)}canvas#tutor{width:100%;height:100%;display:block}.char-switcher{display:flex;gap:12px;margin-top:20px}.char-btn{padding:8px 20px;border-radius:50px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-cairo),"Cairo",sans-serif;border:1px solid var(--border);background:transparent;color:var(--muted)}.char-btn.active{background:rgba(212,168,67,.15);border-color:var(--gold);color:var(--gold)}.speech-bubble{position:absolute;bottom:80px;left:-20px;background:var(--surface2);border:1px solid var(--border);padding:12px 16px;border-radius:16px;border-bottom-right-radius:4px;font-size:13px;color:var(--text);max-width:200px;line-height:1.5;box-shadow:var(--shadow);animation:bubblePop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes bubblePop{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.features-section{padding:80px 40px;max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.feat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:32px;transition:all .3s;cursor:default;position:relative;overflow:hidden}.feat-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.3)}.feat-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(212,168,67,.12) 50%,transparent);transform:translateX(-100%) skewX(-15deg)}.feat-card:hover:after{animation:shimmerPass .75s ease forwards}.feat-icon{width:56px;height:56px;border-radius:14px;background:rgba(212,168,67,.1);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px}.feat-card:hover .feat-icon{animation:iconBounce .6s ease}.feat-title{font-size:18px;font-weight:700;margin-bottom:10px}.feat-desc{font-size:14px;color:var(--muted);line-height:1.7}.section-header{text-align:center;margin-bottom:60px}.section-label{font-size:12px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:12px}.section-title{font-family:var(--font-tajawal),"Tajawal",sans-serif;font-size:40px;font-weight:800}.app-section{padding:80px 40px;max-width:1200px;margin:0 auto}.flow-container{background:var(--surface);border:1px solid var(--border);transition:background .4s,border-color .4s;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.flow-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface2)}.flow-tab{flex:1;padding:20px;text-align:center;cursor:pointer;font-weight:600;font-size:14px;color:var(--muted);transition:all .2s;border:none;background:none;font-family:var(--font-cairo),"Cairo",sans-serif;position:relative}.flow-tab.active{color:var(--gold)}.flow-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.flow-tab-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(212,168,67,.1);color:var(--gold);font-size:12px;font-weight:700;margin-left:8px}.flow-tab.active .flow-tab-num{background:var(--gold);color:var(--deep)}.flow-body{padding:40px}.flow-step{display:none;animation:fadeSlide .35s ease}.flow-step.active{display:block}.selectors-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:32px}.field-group{display:flex;flex-direction:column;gap:8px}.field-label{font-size:13px;font-weight:600;color:var(--muted)}.field-select{background:var(--deep2);border:1px solid var(--border);color:var(--text);padding:14px 16px;border-radius:var(--r);font-size:15px;font-family:var(--font-cairo),"Cairo",sans-serif;transition:border-color .2s;cursor:pointer;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,168,67,.1)}.select-wrap{position:relative}.select-wrap:after{content:"\25BE";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gold);pointer-events:none;font-size:16px}.lesson-preview{background:var(--deep2);border:1px solid var(--border);border-radius:var(--r);padding:24px;display:flex;gap:24px;align-items:flex-start;margin-top:24px}.lesson-thumb{width:120px;height:90px;border-radius:10px;background:linear-gradient(135deg,#1a2a4a,#0f1830);border:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:40px;position:relative;overflow:hidden}.lesson-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(212,168,67,.1),transparent)}.lesson-info h3{font-size:18px;font-weight:700;margin-bottom:8px}.lesson-info p{font-size:14px;color:var(--muted);line-height:1.6}.lesson-tags{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.tag{padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600;background:rgba(212,168,67,.1);color:var(--gold);border:1px solid rgba(212,168,67,.2)}.tag.accent{background:rgba(78,205,196,.1);color:var(--accent);border-color:rgba(78,205,196,.2)}.upload-zone{border:2px dashed var(--border);border-radius:var(--r);padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;margin-top:20px}.upload-zone:hover{border-color:var(--gold);background:rgba(212,168,67,.03)}.upload-icon{font-size:40px;margin-bottom:12px}.upload-text{font-size:16px;font-weight:600;margin-bottom:4px}.upload-sub{font-size:13px;color:var(--muted)}.step-progress{gap:0;margin-bottom:40px}.step-node,.step-progress{display:flex;align-items:center}.step-node{flex-direction:column;gap:6px;flex:1}.step-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:2px solid var(--border);background:var(--deep2);color:var(--muted);transition:all .3s;position:relative;z-index:1}.step-dot.done{background:var(--gold);border-color:var(--gold);color:var(--deep)}.step-dot.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 4px rgba(212,168,67,.15)}.step-label-text{font-size:12px;color:var(--muted);text-align:center;font-weight:500}.step-label-text.active{color:var(--gold)}.step-line{flex:1;height:2px;background:var(--border);margin:0 -8px 26px;position:relative;overflow:hidden}.step-line-fill{position:absolute;inset-y:0;right:0;left:100%;background:var(--gold);transition:left .5s ease}.step-line-fill.done{left:0}.explanation-card{background:var(--deep2);border:1px solid var(--border);border-radius:var(--r);padding:28px;margin-bottom:20px;position:relative;overflow:hidden}.explanation-card:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--gold-dark))}.exp-num{font-size:12px;color:var(--gold);font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.exp-text{font-size:16px;line-height:1.8}.exp-formula{background:rgba(212,168,67,.05);border:1px solid var(--border);border-radius:8px;padding:16px;margin-top:12px;font-family:monospace;font-size:18px;text-align:center;color:var(--gold);direction:ltr}.audio-player{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);padding:20px;gap:16px;margin-bottom:20px}.audio-player,.play-btn{display:flex;align-items:center}.play-btn{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--gold),var(--gold-dark));justify-content:center;font-size:18px;transition:all .2s;flex-shrink:0}.play-btn:hover{transform:scale(1.08)}.audio-info{flex:1}.audio-title{font-weight:600;font-size:14px;margin-bottom:4px}.audio-sub{font-size:12px;color:var(--muted)}.audio-waveform{display:flex;align-items:center;gap:3px;height:32px}.wave-bar{width:3px;border-radius:2px;background:var(--gold);opacity:.5;animation:wave 1s ease-in-out infinite}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}.wave-bar:nth-child(6){animation-delay:.2s}.wave-bar:nth-child(7){animation-delay:.1s}@keyframes wave{0%,to{transform:scaleY(.5);opacity:.4}50%{transform:scaleY(1);opacity:.9}}.audio-player.playing .wave-bar{animation-play-state:running}.audio-player:not(.playing) .wave-bar{animation-play-state:paused}.accent-selector{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.accent-chip{padding:8px 20px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid var(--border);background:transparent;color:var(--muted);font-family:var(--font-cairo),"Cairo",sans-serif}.accent-chip.active{background:rgba(212,168,67,.15);border-color:var(--gold);color:var(--gold)}.chat-container{display:flex;flex-direction:column;height:500px}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.message{display:flex;gap:12px;max-width:80%;animation:msgIn .3s ease}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse;align-self:flex-end}.msg-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--surface2);border:1px solid var(--border)}.msg-avatar.tutor{background:rgba(212,168,67,.15);border-color:var(--gold)}.msg-bubble{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.6;background:var(--surface2);border:1px solid var(--border)}.message.user .msg-bubble{background:rgba(212,168,67,.1);border-color:rgba(212,168,67,.25);color:var(--text);border-radius:16px;border-top-left-radius:4px}.message.tutor .msg-bubble{border-top-right-radius:4px}.chat-input-bar{padding:20px 24px;border-top:1px solid var(--border);display:flex;gap:12px}.chat-input{flex:1;background:var(--deep2);border:1px solid var(--border);color:var(--text);padding:14px 16px;border-radius:50px;font-size:15px;font-family:var(--font-cairo),"Cairo",sans-serif;transition:border-color .2s}.chat-input:focus{outline:none;border-color:var(--gold)}.chat-send{width:48px;height:48px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--gold),var(--gold-dark));font-size:18px;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-send:hover{transform:scale(1.08)}.typing{display:flex;gap:4px;align-items:center;padding:12px 16px;background:var(--surface2);border:1px solid var(--border);border-radius:16px;border-top-right-radius:4px;width:-moz-fit-content;width:fit-content}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:typingDot 1.2s ease infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.admin-section{padding:80px 40px;max-width:1200px;margin:0 auto}.admin-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;margin-bottom:40px}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:24px;position:relative;overflow:hidden}.admin-card:before{content:"";position:absolute;top:0;right:0;left:0;height:2px}.admin-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.04),transparent);transform:translateX(-100%)}.admin-card:hover:after{animation:shimmerPass .8s ease forwards}.admin-card.gold:before{background:var(--gold)}.admin-card.accent:before{background:var(--accent)}.admin-card.success:before{background:var(--success)}.admin-card.danger:before{background:var(--danger)}.card-label{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}.card-value{font-family:var(--font-tajawal),"Tajawal",sans-serif;font-size:36px;font-weight:800;margin-bottom:4px}.card-change{font-size:13px;color:var(--success)}.admin-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.admin-table-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.admin-table-title{font-size:16px;font-weight:700}.landing-page table{width:100%;border-collapse:collapse}.landing-page th{padding:12px 24px;text-align:right;font-size:12px;font-weight:600;color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:1px}.landing-page td{padding:16px 24px;font-size:14px;border-bottom:1px solid hsla(0,0%,100%,.04)}.landing-page tr:last-child td{border-bottom:none}.landing-page tr:hover td{background:hsla(0,0%,100%,.02)}.status-badge{padding:4px 10px;border-radius:50px;font-size:12px;font-weight:600}.status-badge.active{background:rgba(81,207,102,.1);color:var(--success)}.status-badge.pending{background:rgba(212,168,67,.1);color:var(--gold)}.landing-footer{border-top:1px solid var(--border);padding:40px;text-align:center;color:var(--muted);font-size:14px;position:relative;z-index:1}.footer-logo{font-family:var(--font-tajawal),"Tajawal",sans-serif;font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:12px}.notif{position:fixed;bottom:24px;left:24px;z-index:300;background:var(--surface2);border:1px solid var(--border);padding:14px 20px;border-radius:12px;font-size:14px;box-shadow:var(--shadow);transform:translateY(100px);transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px}.notif.show{transform:translateY(0)}.notif-icon{font-size:20px}.text-gold{color:var(--gold)}.text-accent{color:var(--accent)}.flex-end{display:flex;justify-content:flex-end}#scrollProgress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--accent),var(--gold-light));z-index:999;transform-origin:left;transform:scaleX(0);transition:transform .08s linear;border-radius:0 2px 2px 0}#loadScreen{position:fixed;inset:0;z-index:2000;background:var(--deep);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transition:opacity .6s ease,visibility .6s}#loadScreen.done{opacity:0;visibility:hidden;pointer-events:none}.load-logo{font-family:var(--font-tajawal),"Tajawal",sans-serif;font-size:52px;font-weight:800;background:linear-gradient(135deg,var(--gold),var(--gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:loadPulse 1s ease-in-out infinite}.load-sub{font-size:14px;color:var(--muted);letter-spacing:2px}.load-bar-wrap{width:220px;height:3px;background:var(--surface2);border-radius:2px;overflow:hidden}.load-bar{height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--accent));border-radius:2px;animation:loadProgress 1s ease-out .2s forwards}@keyframes loadProgress{0%{width:0}to{width:100%}}@keyframes loadPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.reveal{opacity:0;transform:translateY(50px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transform:scale(.82);transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.56,.64,1)}.reveal-scale.revealed{opacity:1;transform:scale(1)}.delay-1{transition-delay:.08s!important}.delay-2{transition-delay:.16s!important}.delay-3{transition-delay:.24s!important}.delay-4{transition-delay:.32s!important}.delay-5{transition-delay:.4s!important}.delay-6{transition-delay:.48s!important}@keyframes floatY{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-14px) rotate(.5deg)}66%{transform:translateY(-7px) rotate(-.5deg)}}.float-anim{animation:floatY 5s ease-in-out infinite}@keyframes shimmerPass{0%{transform:translateX(-100%) skewX(-15deg);opacity:0}20%{opacity:1}to{transform:translateX(250%) skewX(-15deg);opacity:0}}@keyframes fadeSlide{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes heroTextIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{animation:heroTextIn .7s ease .1s both,badgePulse 2.5s ease .8s infinite}.hero-h1{animation:heroTextIn .7s ease .25s both,heroGlow 4s ease-in-out 1s infinite}.hero-sub{animation:heroTextIn .7s ease .4s both}.hero-actions{animation:heroTextIn .7s ease .55s both}.hero-stats{animation:heroTextIn .7s ease .7s both}@keyframes badgePulse{0%,to{box-shadow:0 0 0 0 rgba(212,168,67,.5)}60%{box-shadow:0 0 0 10px rgba(212,168,67,0)}}@keyframes heroGlow{0%,to{filter:drop-shadow(0 0 0 rgba(212,168,67,0))}50%{filter:drop-shadow(0 0 24px rgba(212,168,67,.25))}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tw-cursor{display:inline-block;width:3px;height:.8em;background:var(--gold);margin-right:3px;animation:blink .9s step-end infinite;vertical-align:middle;border-radius:1px}.particle{position:fixed;border-radius:50%;pointer-events:none;z-index:0;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(110vh) scale(0) rotate(0deg);opacity:0}5%{opacity:1}95%{opacity:.7}to{transform:translateY(-10vh) scale(1) rotate(1turn);opacity:0}}@keyframes blobMorph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}50%{border-radius:50% 60% 30% 60%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/60% 40% 60% 50%}}.blob{position:absolute;pointer-events:none;z-index:0;filter:blur(60px);opacity:.06;animation:blobMorph 12s ease-in-out infinite;background:var(--gold)}@keyframes orbitSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(212,168,67,.12);pointer-events:none;animation:orbitSpin linear infinite}.orbit-ring:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);top:-4px;box-shadow:0 0 12px var(--gold)}.orbit-ring:after,.scroll-indicator{position:absolute;left:50%;transform:translateX(-50%)}.scroll-indicator{bottom:32px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:11px;letter-spacing:2px;text-transform:uppercase;animation:scrollIndicatorBounce 2s ease-in-out infinite;z-index:2}@keyframes scrollIndicatorBounce{0%,to{transform:translateX(-50%) translateY(0);opacity:.7}50%{transform:translateX(-50%) translateY(8px);opacity:1}}.scroll-mouse{width:22px;height:34px;border:2px solid var(--border);border-radius:11px;position:relative}.scroll-wheel{width:4px;height:7px;background:var(--gold);border-radius:2px;position:absolute;top:5px;left:50%;transform:translateX(-50%);animation:wheelDrop 1.5s ease-in-out infinite}@keyframes wheelDrop{0%,to{top:5px;opacity:1}80%{top:18px;opacity:0}}.hero-wrapper{position:relative}@keyframes dividerGlow{0%,to{opacity:.3}50%{opacity:1;box-shadow:0 0 20px var(--gold)}}.glow-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:40px 0;animation:dividerGlow 3s ease-in-out infinite;position:relative;z-index:1}.ripple-wave{position:absolute;border-radius:50%;width:8px;height:8px;margin:-4px;background:hsla(0,0%,100%,.35);transform:scale(0);pointer-events:none;animation:rippleExpand .65s linear}@keyframes rippleExpand{to{transform:scale(50);opacity:0}}@keyframes countPop{0%{transform:scale(1)}50%{transform:scale(1.2);color:var(--gold-light)}to{transform:scale(1)}}.stat-num.counting{animation:countPop .4s ease}@keyframes iconBounce{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-8px) scale(1.1)}70%{transform:translateY(-4px) scale(1.05)}}.lang-toggle{display:flex;align-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:50px;overflow:hidden;cursor:pointer;transition:border-color .2s}.lang-toggle:hover{border-color:var(--gold)}.lang-btn{padding:7px 16px;font-size:13px;font-weight:700;border:none;background:transparent;cursor:pointer;color:var(--muted);transition:all .25s;font-family:var(--font-cairo),"Cairo",sans-serif}.lang-btn.active{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--deep);border-radius:50px;margin:2px}@media (max-width:900px){.hero{grid-template-columns:1fr;padding:100px 24px 60px;gap:40px}.canvas-wrap{width:300px;height:360px}.features-grid,.selectors-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr 1fr}.landing-nav{padding:16px 24px}.nav-links{display:none}.hero-stats{gap:24px}}