@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap";
:root{--color-primary-50:#e6f0ff;--color-primary-100:#b3d1ff;--color-primary-200:#80b3ff;--color-primary-300:#4d94ff;--color-primary-400:#1a75ff;--color-primary-500:#0062e6;--color-primary-600:#004db3;--color-primary-700:#003980;--color-primary-800:#00264d;--color-primary-900:#00131a;--color-accent-400:#2dd4bf;--color-accent-500:#14b8a6;--color-accent-600:#0d9488;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--gradient-hero:linear-gradient(135deg,#0f172a 0%,#1e3a5f 50%,#0f172a 100%);--gradient-card:linear-gradient(145deg,#1e293bcc,#0f172ae6);--gradient-button:linear-gradient(135deg,#0062e6 0%,#14b8a6 100%);--gradient-button-hover:linear-gradient(135deg,#004db3 0%,#0d9488 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(20px);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-arabic:"Tajawal","Noto Sans Arabic",sans-serif;--font-display:"Outfit",var(--font-sans);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0006;--shadow-glow:0 0 40px #0062e64d;--shadow-glow-accent:0 0 40px #14b8a64d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.5s cubic-bezier(.34,1.56,.64,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--gradient-hero);color:var(--color-neutral-100);min-height:100vh;line-height:1.6;overflow-x:hidden}[dir=rtl],[dir=rtl] body{font-family:var(--font-arabic)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-neutral-50);font-weight:700;line-height:1.2}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic);line-height:1.5;overflow:visible}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{color:var(--color-neutral-300)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-responsive{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-glow);border-color:#fff3;transform:translateY(-2px)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-button);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover{background:var(--gradient-button-hover);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-neutral-100);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{border-color:var(--color-primary-400);background:#ffffff1a}.btn-icon{border-radius:var(--radius-full);width:48px;height:48px;padding:0}.btn-lg{padding:var(--spacing-lg)var(--spacing-2xl);font-size:1.125rem}.input-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.input-label{color:var(--color-neutral-300);font-size:.875rem;font-weight:500}.input-field{width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--color-neutral-100);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#0000004d;outline:none;font-family:inherit;font-size:1rem}.input-field:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #0062e633}.input-field::placeholder{color:var(--color-neutral-500)}[dir=rtl] .input-field{font-family:var(--font-arabic);text-align:right}.textarea-field{resize:vertical;min-height:100px}.upload-zone{justify-content:center;align-items:center;gap:var(--spacing-lg);min-height:280px;padding:var(--spacing-2xl);border:2px dashed var(--glass-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);background:#0003;flex-direction:column;display:flex;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--color-primary-400);background:#0062e60d}.upload-zone.dragging{border-color:var(--color-accent-400);background:#14b8a61a;transform:scale(1.01)}.upload-zone.has-image{border-style:solid;border-color:var(--color-success);padding:var(--spacing-sm);min-height:unset}.upload-zone__icon{width:64px;height:64px;color:var(--color-neutral-400);transition:all var(--transition-base)}.upload-zone:hover .upload-zone__icon{color:var(--color-primary-400);transform:scale(1.1)}.upload-zone__text{text-align:center}.upload-zone__title{color:var(--color-neutral-200);margin-bottom:var(--spacing-xs);font-size:1.125rem;font-weight:600}.upload-zone__subtitle{color:var(--color-neutral-500);font-size:.875rem}.upload-zone__preview{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;height:auto;max-height:70vh;display:block}.upload-zone__remove{top:var(--spacing-md);right:var(--spacing-md);z-index:10;position:absolute}[dir=rtl] .upload-zone__remove{right:auto;left:var(--spacing-md)}.credit-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);color:#fff;transition:all var(--transition-base);background:linear-gradient(135deg,#14b8a633 0%,#0062e633 100%);border:1px solid #14b8a666;font-size:.875rem;font-weight:600;display:inline-flex}.credit-badge:hover{background:linear-gradient(135deg,#14b8a64d 0%,#0062e64d 100%);border-color:#14b8a699;transform:scale(1.02)}.credit-badge__icon{color:#2dd4bf;width:20px;height:20px}.credit-badge__count{color:#5eead4;font-size:1rem;font-weight:700}.credit-badge__label{color:#fffc}.header{z-index:100;padding:var(--spacing-md)0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);background:#0f172acc;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;display:flex}.header__logo{align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);color:var(--color-neutral-50);font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.header__logo-icon{background:var(--gradient-button);border-radius:var(--radius-md);color:#fff;width:40px;height:40px;padding:8px}.header__nav{align-items:center;gap:var(--spacing-lg);display:flex}.lang-switcher{gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-full);background:#0000004d;display:flex}.lang-switcher__btn{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-neutral-400);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-size:.875rem;font-weight:500}.lang-switcher__btn.active{background:var(--color-primary-500);color:#fff}.lang-switcher__btn:hover:not(.active){color:var(--color-neutral-200);background:#ffffff0d}.hero{padding:var(--spacing-3xl)0;text-align:center}[dir=rtl] .hero{text-align:center}.hero__title{margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.1em;overflow:visible}[dir=rtl] .hero__title{padding-bottom:.2em;line-height:1.6}.hero__subtitle{max-width:600px;margin:0 auto var(--spacing-xl);color:var(--color-neutral-400);font-size:1.125rem}.steps-indicator{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);display:flex}.step-item{align-items:center;gap:var(--spacing-sm);display:flex}.step-item__number{border-radius:var(--radius-full);border:2px solid var(--glass-border);width:36px;height:36px;color:var(--color-neutral-400);transition:all var(--transition-base);background:#ffffff1a;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.step-item.active .step-item__number{background:var(--gradient-button);color:#fff;box-shadow:var(--shadow-glow);border-color:#0000}.step-item.completed .step-item__number{background:var(--color-success);color:#fff;border-color:#0000}.step-item__label{color:var(--color-neutral-500);font-size:.875rem;font-weight:500;display:none}@media (min-width:768px){.step-item__label{display:block}.step-item.active .step-item__label{color:var(--color-neutral-200)}}.step-connector{background:var(--glass-border);border-radius:var(--radius-full);width:40px;height:2px}.step-connector.completed{background:var(--color-success)}.main-content{max-width:900px;padding:0 var(--spacing-lg)var(--spacing-3xl);margin:0 auto}.questions-container{gap:var(--spacing-xl);flex-direction:column;display:flex}.question-card{background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all var(--transition-base)}.question-card:hover{border-color:#ffffff26}.question-card__header{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.question-card__number{background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:700;display:flex}.question-card__german{color:var(--color-neutral-500);margin-bottom:var(--spacing-xs);font-size:.75rem;font-style:italic}.question-card__arabic{color:var(--color-neutral-100);font-size:1.125rem;font-weight:600;font-family:var(--font-arabic)}[dir=rtl] .question-card__arabic{text-align:right}.loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--color-primary-400);border-radius:var(--radius-full);width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#ffffff0d 0%,#ffffff1a 50%,#ffffff0d 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.result-preview{background:var(--gradient-card);border:1px solid var(--color-success);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-glow-accent)}.result-preview__header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;display:flex}.result-preview__title{align-items:center;gap:var(--spacing-sm);color:var(--color-success);font-size:1.25rem;font-weight:600;display:flex}.result-preview__fields{gap:var(--spacing-md);flex-direction:column;display:flex}.result-field{gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);background:#0003;flex-direction:column;display:flex}.result-field__label{color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500}.result-field__value{color:var(--color-neutral-100);font-size:1rem;font-weight:500}.result-actions{margin-top:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;display:flex}.result-actions__download,.result-actions__other{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.btn-filled-form{box-shadow:var(--shadow-md),0 0 30px #10b9814d;background:linear-gradient(135deg,#10b981 0%,#0d9488 100%)}.btn-filled-form:hover{box-shadow:var(--shadow-lg),0 0 40px #10b98166;background:linear-gradient(135deg,#059669 0%,#0f766e 100%)}.alert{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);font-size:.875rem;display:flex}.alert-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.alert-success{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.alert-warning{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.alert__icon{flex-shrink:0;width:20px;height:20px}.footer{padding:var(--spacing-2xl)0;border-top:1px solid var(--glass-border);text-align:center;color:var(--color-neutral-500);font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base)ease-out}.animate-slide-up{animation:slideUp var(--transition-slow)ease-out}.animate-pulse{animation:2s ease-in-out infinite pulse}@media (max-width:479px){:root{--spacing-xs:.2rem;--spacing-sm:.375rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.75rem;--spacing-3xl:2.5rem}.container{padding:0 var(--spacing-sm)}.hero{padding:var(--spacing-xl)0 var(--spacing-lg)}.hero__title{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);font-size:1.5rem;line-height:1.3}[dir=rtl] .hero__title{line-height:1.5}.hero__subtitle{padding:0 var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:.875rem}.header{padding:var(--spacing-sm)0}.header__inner{gap:var(--spacing-sm);flex-wrap:wrap}.header__logo{font-size:1.125rem}.header__logo span{display:none}.header__logo-icon{width:32px;height:32px;padding:6px}.header__nav{gap:var(--spacing-xs);flex-wrap:wrap;justify-content:flex-end}.credit-badge{padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem}.credit-badge__icon{width:16px;height:16px}.credit-badge__count{font-size:.875rem}.lang-switcher{gap:2px;padding:2px}.lang-switcher__btn{padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem}.auth-btn{padding:var(--spacing-xs)var(--spacing-sm);gap:var(--spacing-xs);font-size:.75rem}.auth-btn__avatar{width:24px;height:24px;font-size:.625rem}.auth-btn span:not(.auth-btn__avatar){display:none}.btn{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-xs);font-size:.875rem}.btn-lg{padding:var(--spacing-md)var(--spacing-lg);font-size:.9375rem}.btn-icon{width:40px;height:40px}.glass-card{padding:var(--spacing-md);border-radius:var(--radius-lg)}.upload-zone{min-height:200px;padding:var(--spacing-lg);gap:var(--spacing-md)}.upload-zone__icon{width:48px;height:48px}.upload-zone__title{font-size:.9375rem}.upload-zone__subtitle{font-size:.75rem}.steps-indicator{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm);flex-wrap:wrap}.step-item__number{width:28px;height:28px;font-size:.75rem}.step-connector{display:none}.main-content{padding:0 var(--spacing-sm)var(--spacing-xl)}.question-card{padding:var(--spacing-md);border-radius:var(--radius-lg)}.question-card__header{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.question-card__number{width:26px;height:26px;font-size:.75rem}.question-card__german{font-size:.6875rem}.question-card__arabic{font-size:.9375rem}.input-field{padding:var(--spacing-sm)var(--spacing-md);font-size:.9375rem}.textarea-field{min-height:80px}.result-preview{padding:var(--spacing-md)}.result-preview__header{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);flex-direction:column}.result-preview__title{gap:var(--spacing-xs);font-size:1rem}.result-preview__title svg{width:20px;height:20px}.result-field{padding:var(--spacing-sm)}.result-field__label{font-size:.6875rem}.result-field__value{font-size:.875rem}.result-actions{margin-top:var(--spacing-md);padding-top:var(--spacing-md);gap:var(--spacing-sm)}.result-actions__download,.result-actions__other{gap:var(--spacing-sm);flex-direction:column}.result-actions__download .btn,.result-actions__other .btn{justify-content:center;width:100%}.modal-overlay{padding:var(--spacing-sm);align-items:flex-end}.modal-content{border-radius:var(--radius-lg)var(--radius-lg)0 0;max-width:100%;max-height:85vh;margin-bottom:0}.modal-close{top:var(--spacing-sm);right:var(--spacing-sm)}[dir=rtl] .modal-close{right:auto;left:var(--spacing-sm)}.credits-modal{max-width:100%}.credits-modal__header h2{font-size:1.25rem}.credits-modal__header p{font-size:.8125rem}.credits-packages{gap:var(--spacing-sm);grid-template-columns:1fr}.credits-package{padding:var(--spacing-md)}.credits-package__number{font-size:1.5rem}.credits-package__price{font-size:1rem}.auth-required{padding:var(--spacing-xl)var(--spacing-md)}.auth-required__icon{width:70px;height:70px;margin-bottom:var(--spacing-lg)}.auth-required__icon svg{width:40px;height:40px}.auth-required h2{margin-bottom:var(--spacing-sm);font-size:1.25rem}.auth-required p{font-size:.875rem}.auth-required__features{padding:var(--spacing-md);gap:var(--spacing-sm)}.auth-required__feature{gap:var(--spacing-sm);font-size:.8125rem}.user-menu__dropdown{min-width:160px;right:-var(--spacing-sm)}[dir=rtl] .user-menu__dropdown{left:-var(--spacing-sm);right:auto}.footer{padding:var(--spacing-lg)0;font-size:.75rem}.alert{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm);font-size:.8125rem}.alert__icon{width:18px;height:18px}.payment-status{padding:var(--spacing-sm)var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.8125rem}.payment-status__icon{width:20px;height:20px}}@media (min-width:480px) and (max-width:639px){.container{padding:0 var(--spacing-md)}.hero{padding:var(--spacing-2xl)0 var(--spacing-xl)}.hero__title{font-size:1.75rem}.hero__subtitle{font-size:.9375rem}.header__logo span{display:none}.header__nav{gap:var(--spacing-sm)}.glass-card{padding:var(--spacing-lg)}.steps-indicator{flex-wrap:wrap}.step-connector{display:none}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:1rem}.upload-zone{min-height:220px}.credits-packages{grid-template-columns:1fr}.result-actions__download,.result-actions__other{flex-direction:column}.result-actions__download .btn,.result-actions__other .btn{justify-content:center;width:100%}.modal-overlay{align-items:flex-end}.modal-content{border-radius:var(--radius-xl)var(--radius-xl)0 0;max-width:100%}.auth-required{padding:var(--spacing-2xl)var(--spacing-lg)}}@media (min-width:640px) and (max-width:767px){.container{padding:0 var(--spacing-lg)}.hero{padding:var(--spacing-2xl)0}.hero__title{font-size:2rem}.header__logo span{font-size:1.25rem;display:inline}.header__nav{gap:var(--spacing-md)}.glass-card{padding:var(--spacing-lg)}.steps-indicator{flex-wrap:wrap}.step-connector{width:24px}.step-item__label{display:none}.credits-packages{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.credits-package{padding:var(--spacing-md)}.credits-package__number{font-size:1.5rem}.credits-package__name{font-size:.75rem}.result-actions__download,.result-actions__other{flex-flow:wrap}.result-actions__download .btn,.result-actions__other .btn{flex:auto;min-width:140px}.modal-content{max-width:460px}}@media (min-width:768px) and (max-width:1023px){.container{padding:0 var(--spacing-xl)}.hero{padding:var(--spacing-3xl)0 var(--spacing-2xl)}.hero__title{font-size:2.25rem}.hero__subtitle{font-size:1.0625rem}.header__logo span{display:inline}.header__nav{gap:var(--spacing-lg)}.step-item__label{font-size:.8125rem;display:block}.step-connector{width:30px}.main-content{max-width:700px}.credits-packages{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.credits-package__number{font-size:1.75rem}.result-preview__header{flex-direction:row;justify-content:space-between;align-items:center}.auth-required{max-width:480px;padding:var(--spacing-3xl)var(--spacing-xl)}.auth-required__icon{width:90px;height:90px}.auth-required h2{font-size:1.5rem}}@media (min-width:1024px) and (max-width:1279px){.container{max-width:1000px;padding:0 var(--spacing-xl)}.hero{padding:var(--spacing-3xl)0}.hero__title{font-size:2.75rem}.hero__subtitle{max-width:550px;font-size:1.125rem}.main-content{max-width:800px}.step-item__label{display:block}.step-connector{width:40px}.credits-packages{grid-template-columns:repeat(3,1fr)}.auth-required{max-width:500px}}@media (min-width:1280px){.container{max-width:1200px;padding:0 var(--spacing-2xl)}.hero{padding:var(--spacing-3xl)0}.hero__title{font-size:3.5rem}.hero__subtitle{max-width:600px;font-size:1.25rem}.main-content{max-width:900px}.glass-card{padding:var(--spacing-2xl)}.upload-zone{min-height:300px;padding:var(--spacing-3xl)}.question-card,.result-preview{padding:var(--spacing-2xl)}.credits-modal{max-width:640px}.auth-required{max-width:520px;padding:var(--spacing-3xl)var(--spacing-2xl)}.auth-required__icon{width:100px;height:100px}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px}.btn-icon{min-width:44px;min-height:44px}.lang-switcher__btn{min-width:60px;min-height:40px}.auth-btn,.credit-badge{min-height:40px}.input-field{min-height:48px}.modal-close{min-width:40px;min-height:40px}.user-menu__item{min-height:44px}.glass-card:hover,.btn-primary:hover,.upload-zone:hover .upload-zone__icon,.credits-package:hover{transform:none}}@media (max-height:500px) and (orientation:landscape){.hero{padding:var(--spacing-lg)0}.hero__title{font-size:1.5rem}.hero__subtitle,.steps-indicator{margin-bottom:var(--spacing-md)}.modal-overlay{align-items:center}.modal-content{max-height:90vh}.auth-required{padding:var(--spacing-lg)}.auth-required__icon{width:60px;height:60px;margin-bottom:var(--spacing-md)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.upload-zone__preview{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.loading-spinner{opacity:.7;border-top-color:#0000;animation:none}}@media (prefers-color-scheme:light){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media print{body{color:#000;background:#fff}.header,.footer,.btn{display:none}.glass-card{box-shadow:none;background:#fff;border:1px solid #ccc}}.modal-overlay{z-index:1000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast)ease-out;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:420px;max-height:90vh;position:relative;overflow-y:auto}.modal-close{top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute}[dir=rtl] .modal-close{right:auto;left:var(--spacing-md)}.modal-close:hover{color:var(--color-neutral-100);background:#ffffff1a}.modal-footer{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border);text-align:center;color:var(--color-neutral-400);font-size:.875rem}.link-btn{color:var(--color-primary-400);font-size:inherit;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-weight:600;text-decoration:underline}.link-btn:hover{color:var(--color-accent-400)}.auth-btn{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-neutral-200);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex}.auth-btn:hover{border-color:var(--color-primary-400);background:#ffffff1a}.auth-btn__avatar{background:var(--gradient-button);border-radius:var(--radius-full);color:#fff;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.result-actions{gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border);flex-direction:column;display:flex}.result-actions__download,.result-actions__other{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.user-menu{position:relative}.user-menu__dropdown{top:calc(100% + var(--spacing-sm));background:var(--gradient-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-width:180px;padding:var(--spacing-sm);box-shadow:var(--shadow-xl);animation:fadeIn var(--transition-fast)ease-out;z-index:100;position:absolute;right:0}[dir=rtl] .user-menu__dropdown{left:0;right:auto}.user-menu__item{align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);color:var(--color-neutral-200);cursor:pointer;transition:all var(--transition-fast);text-align:inherit;background:0 0;border:none;font-size:.875rem;display:flex}.user-menu__item:hover{background:#ffffff1a}.user-menu__item--danger{color:var(--color-error)}.user-menu__item--danger:hover{background:#ef44441a}.input-field.error{border-color:var(--color-error)}.input-field.error:focus{box-shadow:0 0 0 3px #ef444433}.credits-modal{max-width:600px}.credits-modal__header{text-align:center;margin-bottom:var(--spacing-xl)}.credits-modal__header svg{color:var(--color-accent-400);margin-bottom:var(--spacing-md)}.credits-modal__header h2{margin-bottom:var(--spacing-sm)}.credits-modal__header p{color:var(--color-neutral-400);font-size:.875rem}.credits-modal__secure{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);color:var(--color-neutral-500);font-size:.75rem;display:flex}.credits-modal__secure svg{color:var(--color-success)}.credits-packages{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.credits-package{padding:var(--spacing-lg);border:2px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;transition:all var(--transition-base);background:#0003;position:relative}.credits-package:hover{border-color:var(--color-primary-400);background:#0062e60d}.credits-package.selected{border-color:var(--color-primary-500);box-shadow:var(--shadow-glow);background:#0062e61a}.credits-package.popular{border-color:var(--color-accent-400)}.credits-package.popular.selected{border-color:var(--color-accent-500);box-shadow:var(--shadow-glow-accent)}.credits-package__badge{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-accent-500);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);white-space:nowrap;font-size:.625rem;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.credits-package__name{color:var(--color-neutral-300);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:600}.credits-package__credits{margin-bottom:var(--spacing-sm)}.credits-package__number{color:var(--color-neutral-100);font-size:2rem;font-weight:800;line-height:1}.credits-package__label{color:var(--color-neutral-500);margin-top:var(--spacing-xs);font-size:.75rem;display:block}.credits-package__price{color:var(--color-primary-400);margin-bottom:var(--spacing-xs);font-size:1.25rem;font-weight:700}.credits-package__per{color:var(--color-neutral-500);font-size:.75rem}.payment-status{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);animation:slideUp var(--transition-slow)ease-out;display:flex}.payment-status--success{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.payment-status--cancelled{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.payment-status__icon{flex-shrink:0;width:24px;height:24px}.auth-required{text-align:center;max-width:500px;padding:var(--spacing-3xl)var(--spacing-xl);margin:0 auto}.auth-required__icon{width:100px;height:100px;margin:0 auto var(--spacing-xl);border-radius:var(--radius-full);color:var(--color-primary-400);background:linear-gradient(135deg,#0062e633 0%,#14b8a633 100%);justify-content:center;align-items:center;display:flex}.auth-required h2{margin-bottom:var(--spacing-md);color:var(--color-neutral-50);font-size:1.75rem}.auth-required p{color:var(--color-neutral-400);margin-bottom:var(--spacing-xl);font-size:1rem}.auth-required__actions{margin-bottom:var(--spacing-2xl)}.auth-required__features{gap:var(--spacing-md);text-align:left;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:#0003;flex-direction:column;display:flex}[dir=rtl] .auth-required__features{text-align:right}.auth-required__feature{align-items:center;gap:var(--spacing-md);color:var(--color-neutral-300);font-size:.9rem;display:flex}.auth-required__feature svg{color:var(--color-success);flex-shrink:0}.user-menu__backdrop{z-index:99;position:fixed;inset:0}.user-menu__header{padding:var(--spacing-sm)var(--spacing-md);margin-bottom:var(--spacing-xs);border-bottom:1px solid var(--glass-border)}.user-menu__email{color:var(--color-neutral-500);font-size:.75rem}.user-menu__item svg{flex-shrink:0}.direct-editor-container{background:var(--color-neutral-900);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);overflow:hidden}.direct-editor-container .btn{padding:var(--spacing-xs)var(--spacing-md);font-size:.8125rem}.editor-sidebar-card{transition:transform .2s,border-color .2s}.editor-sidebar-card:hover:not(:active){transform:translate(4px);border-color:var(--color-primary-400)!important}[dir=rtl] .editor-sidebar-card:hover:not(:active){transform:translate(-4px)}@media (max-width:639px){.container{padding:0 var(--spacing-md)}.main-content{padding:0 var(--spacing-sm)var(--spacing-2xl)}.hero__title{margin-bottom:var(--spacing-sm);font-size:1.75rem}.hero__subtitle{margin-bottom:var(--spacing-lg);font-size:.9375rem}.header__logo-icon{width:32px;height:32px;padding:6px}.header__logo{font-size:1.125rem}.question-card{padding:var(--spacing-lg)}.question-card__arabic{font-size:1rem}.result-preview{padding:var(--spacing-lg)}.result-actions__download,.result-actions__other{gap:var(--spacing-xs)}.result-actions__download .btn,.result-actions__other .btn{min-width:120px;padding:var(--spacing-sm)var(--spacing-md);font-size:.875rem}.position-adjuster-overlay{padding:var(--spacing-xs)!important}.position-adjuster-overlay h2{text-align:center;width:100%;font-size:.9rem!important}}.direct-editor-container ::-webkit-scrollbar{width:4px}.direct-editor-container ::-webkit-scrollbar-track{background:#0000001a}.direct-editor-container ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.direct-editor-container ::-webkit-scrollbar-thumb:hover{background:#fff3}