@charset "UTF-8";@font-face{font-family:Yamamah;src:url(../../../fonts/Yamamah.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-blue: #3858e9;--color-blue-light: #6079ed;--color-blue-dark: #2c46ba;--color-blue-rgb: 56, 88, 233;--color-primary: #ff6950;--color-primary-light: #ff8a78;--color-primary-dark: #e8533d;--color-primary-50: #fff5f3;--color-primary-100: #ffe8e4;--color-primary-600: #e8533d;--color-primary-700: #d14030;--color-primary-rgb: 255, 105, 80;--color-accent: #ff6950;--color-accent-light: #ff8a78;--color-accent-dark: #e8533d;--color-accent-rgb: 255, 105, 80;--color-gradient-accent: #8b9de8;--color-gradient-accent-rgb: 139, 157, 232;--color-white: #ffffff;--color-gray-25: #fdfcfb;--color-gray-50: #faf8f5;--color-gray-100: #f5f2ee;--color-gray-200: #e8e4df;--color-gray-300: #d4cfc8;--color-gray-400: #a09a92;--color-gray-500: #7a746c;--color-gray-600: #5c5650;--color-gray-700: #3e3a36;--color-gray-800: #2f2f2f;--color-gray-900: #1a1a2e;--color-gray-950: #12121f;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--surface-primary: var(--color-white);--surface-secondary: var(--color-gray-50);--surface-tertiary: var(--color-gray-100);--surface-inverse: var(--color-gray-900);--surface-card: var(--color-white);--surface-card-hover: var(--color-gray-25);--surface-dark: #1a1a2e;--surface-dark-alt: #12121f;--text-primary: #2f2f2f;--text-secondary: #5c5650;--text-tertiary: #a09a92;--text-inverse: #faf8f5;--text-link: var(--color-primary);--text-link-hover: var(--color-primary-dark);--font-family: "Yamamah", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 30px rgba(56, 88, 233, .3);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 8px 30px rgba(0, 0, 0, .05);--shadow-card-hover: 0 8px 30px rgba(0, 0, 0, .12);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 50;--z-sticky: 100;--z-overlay: 200;--z-modal: 300;--z-tooltip: 400;--container-max: 1280px;--container-narrow: 960px;--container-wide: 1440px;--nav-height: 72px;--gradient-hero: linear-gradient(135deg, #8b9de8 0%, #3858e9 50%, #5573f5 100%);--gradient-mesh: radial-gradient(ellipse at 20% 50%, rgba(var(--color-blue-rgb), .12) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(var(--color-primary-rgb), .06) 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, rgba(var(--color-gradient-accent-rgb), .08) 0%, transparent 50%);--gradient-cta: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--gradient-dark: linear-gradient(180deg, #1a1a2e 0%, #12121f 100%);--gradient-neon-desert: linear-gradient(135deg, #1a1a2e 0%, #1e1e38 50%, #1a1a2e 100%)}@media(max-width:768px){:root{--nav-height: 64px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--surface-primary);direction:rtl;text-align:right;overflow-x:hidden}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}::selection{background:var(--color-primary);color:var(--color-white)}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary)}a{text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{line-height:var(--line-height-relaxed)}.prose{color:var(--text-primary);max-width:800px;margin-left:auto;margin-right:auto;font-size:1.15rem;line-height:1.85}.prose p{margin-bottom:2rem;color:var(--text-secondary)}.prose h2,.prose h3,.prose h4{color:var(--text-primary);font-weight:800;margin-top:3rem;margin-bottom:1.5rem;line-height:1.3}.prose h2{font-size:2.25rem}.prose h3{font-size:1.75rem}.prose h4{font-size:1.5rem}.prose blockquote{margin:3.5rem 0;padding:3.5rem 3rem 3rem;background:linear-gradient(to left,var(--color-gray-50),var(--color-white));border-right:5px solid var(--color-primary);border-radius:var(--radius-2xl);position:relative}.prose blockquote:before{content:"”";position:absolute;top:-1rem;right:1.5rem;font-size:5rem;color:var(--color-primary);opacity:.1;font-family:serif}.prose blockquote h2,.prose blockquote h3,.prose blockquote h4{margin-top:0}.prose blockquote p{color:var(--text-primary);margin-bottom:0}.prose blockquote cite{display:block;margin-top:1rem;color:var(--text-tertiary)}.prose ul,.prose ol{margin:2.5rem 0;padding-right:1rem}.prose ul li,.prose ol li{position:relative;color:var(--text-secondary)}.prose ul li:before{content:"";position:absolute;right:-1rem;top:.75rem;width:6px;height:6px;border-radius:50%;background:var(--color-primary)}.prose img{max-width:100%;height:auto;border-radius:var(--radius-3xl);margin:4rem 0;display:block;box-shadow:0 20px 40px -10px #00000014}.prose pre{background:#1e1e2e;color:#cdd6f4;padding:2rem;border-radius:var(--radius-2xl);overflow-x:auto;direction:ltr;margin:3rem 0;font-size:.95rem;border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-2xl)}.prose pre code{font-family:JetBrains Mono,ui-monospace,monospace;background:transparent;padding:0}.prose code{background:var(--color-primary-50);color:var(--color-primary-dark);padding:.2rem .5rem;border-radius:var(--radius-md);font-size:.85em;font-weight:600}.prose a{color:var(--color-primary);text-decoration:none;box-shadow:inset 0 -2px 0 0 var(--color-primary-100);transition:all var(--transition-normal)}.prose a:hover{box-shadow:inset 0 -20px 0 0 var(--color-primary-100);color:var(--color-primary-dark)}.prose hr{border:0;height:1px;background:linear-gradient(to left,transparent,var(--color-gray-200),transparent);margin:5rem 0}@media(max-width:1024px){.prose{font-size:1.125rem}}@media(max-width:768px){.prose h2{font-size:1.75rem}.prose h3{font-size:1.5rem}.prose blockquote{padding:2rem}.prose blockquote p{font-size:1.25rem}}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){.hide-mobile{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-full);transition:all var(--transition-normal);white-space:nowrap;cursor:pointer;border:2px solid transparent;text-decoration:none;font-family:inherit}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.btn--primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.4);transform:translateY(-1px)}.btn--accent{background:var(--color-accent);color:var(--color-white);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.3)}.btn--accent:hover{background:var(--color-accent-dark);box-shadow:0 4px 16px rgba(var(--color-accent-rgb),.4);transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--text-primary);border-color:var(--color-gray-300)}.btn--outline:hover{background:var(--text-primary);color:var(--color-white);border-color:var(--text-primary)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{color:var(--text-primary);background:var(--color-gray-100)}.btn--ghost-light{background:transparent;color:#fffc;border:1.5px solid rgba(255,255,255,.25)}.btn--ghost-light:hover{color:var(--color-white);background:#ffffff1a;border-color:#fff6}.btn--white{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn--white:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn--full{width:100%}.btn--icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.section{padding:var(--space-20) 0}.section--sm{padding:var(--space-12) 0}.section--lg{padding:var(--space-32) 0}.section--gray{background:var(--color-gray-50)}.section--dark{background:var(--surface-inverse);color:var(--text-inverse)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--font-size-base);color:var(--text-primary);background:var(--color-white);border:1.5px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.form-input::placeholder{color:var(--text-tertiary)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-left:var(--space-10);cursor:pointer}.form-textarea{resize:vertical;min-height:140px;line-height:var(--line-height-relaxed)}.form-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-2);line-height:var(--line-height-relaxed)}.form-input--ltr{text-align:left;font-family:var(--font-mono, "SF Mono", "Fira Code", "Fira Mono", monospace);font-size:var(--font-size-sm)}.form-disclaimer{font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center;margin-top:var(--space-4)}.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.is-visible{opacity:1;transform:translateY(0)}.fade-in-right{opacity:0;transform:translate(40px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-right.is-visible{opacity:1;transform:translate(0)}.fade-in-left{opacity:0;transform:translate(-40px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in-left.is-visible{opacity:1;transform:translate(0)}.stagger>*{opacity:0;transform:translateY(16px);transition:opacity .5s ease-out,transform .5s ease-out}.stagger.is-visible>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(2){transition-delay:80ms;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(3){transition-delay:.16s;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(4){transition-delay:.24s;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(5){transition-delay:.32s;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(6){transition-delay:.4s;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(7){transition-delay:.48s;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(8){transition-delay:.56s;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(9){transition-delay:.64s;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(10){transition-delay:.72s;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(11){transition-delay:.8s;opacity:1;transform:translateY(0)}.stagger.is-visible>*:nth-child(12){transition-delay:.88s;opacity:1;transform:translateY(0)}.divider{height:1px;background:var(--color-gray-200);border:none}.chip{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--text-secondary)}.chip--primary{background:var(--color-primary-50);color:var(--color-primary)}.prose-page{padding:calc(var(--nav-height) + var(--space-12)) 0 var(--space-20)}.prose-page__header{max-width:800px;margin:0 auto var(--space-10);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.prose-page__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.prose-page__meta{font-size:var(--font-size-sm);color:var(--text-tertiary)}.prose-page__body{max-width:800px;margin:0 auto}.prose-page__body h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4);line-height:var(--line-height-snug)}.prose-page__body h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3)}.prose-page__body h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-top:var(--space-6);margin-bottom:var(--space-2)}.prose-page__body p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.prose-page__body ul,.prose-page__body ol{padding-inline-start:var(--space-6);margin-bottom:var(--space-4)}.prose-page__body li{font-size:var(--font-size-base);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2)}.prose-page__body a{color:var(--color-primary);text-decoration:underline;text-decoration-color:rgba(var(--color-primary-rgb),.3);text-underline-offset:2px;transition:text-decoration-color var(--transition-fast)}.prose-page__body a:hover{text-decoration-color:var(--color-primary)}.prose-page__body strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.prose-page__body blockquote{border-inline-start:3px solid var(--color-primary);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--color-gray-50);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.prose-page__body blockquote p{margin-bottom:0;color:var(--text-secondary)}.prose-page__body hr{border:none;border-top:1px solid var(--color-gray-200);margin:var(--space-8) 0}.prose-page__body table{width:100%;border-collapse:collapse;margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.prose-page__body table th,.prose-page__body table td{padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-200);text-align:start}.prose-page__body table th{background:var(--color-gray-50);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.prose-page__body table td{color:var(--text-secondary)}.prose-page__body code{font-size:.9em;background:var(--color-gray-100);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--text-primary)}@media(max-width:768px){.prose-page{padding-top:calc(var(--nav-height) + var(--space-8))}.prose-page__title{font-size:var(--font-size-2xl)}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-gray-200);z-index:var(--z-sticky);transition:all var(--transition-normal)}.nav--scrolled{box-shadow:var(--shadow-sm)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.nav__logo{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.nav__logo img{width:36px;height:36px;border-radius:50%}.nav__logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.nav__menu{display:flex;align-items:center;gap:var(--space-1)}@media(max-width:768px){.nav__menu{display:none}}.nav__item{position:relative}.nav__item:hover .dropdown,.nav__item--open .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.nav__item:hover .mega-menu,.nav__item--open .mega-menu{opacity:1;visibility:visible;transform:translate(50%) translateY(0)}.nav__item:hover .nav__link svg,.nav__item--open .nav__link svg{transform:rotate(180deg)}.nav__link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav__link:hover{color:var(--text-primary);background:var(--color-gray-100)}.nav__link--active{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.nav__link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.nav__actions{display:flex;align-items:center;gap:var(--space-3)}.nav__user-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast)}.nav__user-btn:hover{background:var(--color-gray-100);color:var(--text-primary)}.nav__user-btn svg{width:22px;height:22px}@media(max-width:768px){.nav__user-btn{display:none}}.nav__cta{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);transition:all var(--transition-normal);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.nav__cta:hover{background:var(--color-primary-dark);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.4);transform:translateY(-1px)}.nav__burger{display:none;flex-direction:column;gap:5px;width:28px;padding:4px 0;cursor:pointer;background:none;border:none}.nav__burger span{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}@media(max-width:768px){.nav__burger{display:flex}}.dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-2);opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition-normal);z-index:var(--z-dropdown)}.dropdown__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.dropdown__item:hover{background:var(--color-gray-50);color:var(--text-primary)}.dropdown__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary-50);color:var(--color-primary);flex-shrink:0}.dropdown__icon svg{width:18px;height:18px}.dropdown__text strong{display:block;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.dropdown__text span{font-size:var(--font-size-xs);color:var(--text-tertiary)}.mega-menu{position:absolute;top:calc(100% + var(--space-2));right:50%;transform:translate(50%) translateY(8px);width:780px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);padding:var(--space-6);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:var(--z-dropdown)}.mega-menu__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;margin-bottom:var(--space-4)}.mega-menu__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:768px){.mega-menu__grid{grid-template-columns:repeat(2,1fr)}}.mega-menu__card{display:block;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);border:1px solid transparent}.mega-menu__card:hover{border-color:var(--color-gray-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mega-menu__card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-md)}.mega-menu__card-label{padding:var(--space-2) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center;display:block}@media(max-width:768px){.mega-menu{width:calc(100vw - 2rem);right:50%}}.mobile-menu{display:none;position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--color-white);z-index:var(--z-overlay);overflow-y:auto;padding:var(--space-6)}.mobile-menu.is-open{display:block;animation:mobileMenuFadeIn .2s ease-out}.mobile-menu__user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);background:var(--color-primary-50);border-radius:var(--radius-lg);text-decoration:none}.mobile-menu__user :global(svg){width:20px;height:20px}.mobile-menu__link{display:block;padding:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);border-bottom:1px solid var(--color-gray-100)}.mobile-menu__sub{padding:var(--space-2) var(--space-6)}.mobile-menu__sub a{display:block;padding:var(--space-3) 0;font-size:var(--font-size-base);color:var(--text-secondary)}.mobile-menu__cta{margin-top:var(--space-6)}@keyframes mobileMenuFadeIn{0%{opacity:0}to{opacity:1}}.footer{background:#12121f;color:var(--color-gray-400);padding:var(--space-16) 0 var(--space-8)}.footer__grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--space-12);margin-bottom:var(--space-12)}@media(max-width:1024px){.footer__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media(max-width:768px){.footer__grid{grid-template-columns:1fr}}.footer__brand{max-width:280px}.footer__logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.footer__logo img{width:32px;height:32px;border-radius:50%}.footer__logo span{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-white)}.footer__brand-desc{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.footer__col-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:var(--space-5)}.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__links a{font-size:var(--font-size-sm);color:var(--color-gray-400);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-primary)}.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-8);display:flex;align-items:center;justify-content:space-between}@media(max-width:768px){.footer__bottom{flex-direction:column;gap:var(--space-4);text-align:center}}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-gray-500)}.footer__bottom-links{display:flex;gap:var(--space-6)}.footer__bottom-links a{font-size:var(--font-size-xs);color:var(--color-gray-500)}.footer__bottom-links a:hover{color:var(--color-gray-300)}
