@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";@custom-variant dark (&:is(.dark *));:root{--font-size: 16px;--background: #ffffff;--foreground: #1d1d1f;--card: #ffffff;--card-foreground: #1d1d1f;--popover: #ffffff;--popover-foreground: #1d1d1f;--primary: #007aff;--primary-foreground: #ffffff;--secondary: #f2f2f7;--secondary-foreground: #1d1d1f;--muted: #f2f2f7;--muted-foreground: #8e8e93;--accent: #f2f2f7;--accent-foreground: #1d1d1f;--destructive: #ff3b30;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f2f2f7;--switch-background: #e5e5ea;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--ring: #007aff;--chart-1: #007aff;--chart-2: #34c759;--chart-3: #ff9500;--chart-4: #ff2d92;--chart-5: #5856d6;--radius: 24px;--sidebar: #f2f2f7;--sidebar-foreground: #1d1d1f;--sidebar-primary: #007aff;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #e5e5ea;--sidebar-accent-foreground: #1d1d1f;--sidebar-border: rgba(0, 0, 0, .1);--sidebar-ring: #007aff;--liquid-glass-primary: rgba(255, 255, 255, .1);--liquid-glass-secondary: rgba(255, 255, 255, .05);--liquid-glass-tertiary: rgba(255, 255, 255, .02);--liquid-glass-border: rgba(255, 255, 255, .2);--liquid-glass-highlight: rgba(255, 255, 255, .4);--liquid-glass-shadow: 0 8px 32px rgba(0, 0, 0, .12);--liquid-glass-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);--liquid-glass-blur: blur(20px);--liquid-glass-blur-heavy: blur(40px);--brand-blue: #2a306c;--brand-purple: #564879;--brand-pink: #9d6c82;--brand-blush: #c17f8b;--brand-light: #df9790;--liquid-brand-blue: rgba(42, 48, 108, .8);--liquid-brand-purple: rgba(86, 72, 121, .8);--liquid-brand-pink: rgba(157, 108, 130, .8);--liquid-brand-blush: rgba(193, 127, 139, .8);--liquid-brand-light: rgba(223, 151, 144, .8)}.dark{--background: #000000;--foreground: #f2f2f7;--card: #1c1c1e;--card-foreground: #f2f2f7;--popover: #1c1c1e;--popover-foreground: #f2f2f7;--primary: #0a84ff;--primary-foreground: #ffffff;--secondary: #1c1c1e;--secondary-foreground: #f2f2f7;--muted: #2c2c2e;--muted-foreground: #8e8e93;--accent: #2c2c2e;--accent-foreground: #f2f2f7;--destructive: #ff453a;--destructive-foreground: #ffffff;--border: rgba(255, 255, 255, .1);--input: #1c1c1e;--ring: #0a84ff;--sidebar: #1c1c1e;--sidebar-foreground: #f2f2f7;--sidebar-primary: #0a84ff;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #2c2c2e;--sidebar-accent-foreground: #f2f2f7;--sidebar-border: rgba(255, 255, 255, .1);--sidebar-ring: #0a84ff;--liquid-glass-primary: rgba(28, 28, 30, .8);--liquid-glass-secondary: rgba(44, 44, 46, .6);--liquid-glass-tertiary: rgba(58, 58, 60, .4);--liquid-glass-border: rgba(255, 255, 255, .1);--liquid-glass-highlight: rgba(255, 255, 255, .2);--liquid-glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--liquid-glass-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 8px); --radius-md: calc(var(--radius) - 4px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 8px); --radius-2xl: calc(var(--radius) + 16px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var( --sidebar-primary-foreground ); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var( --sidebar-accent-foreground ); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --breakpoint-xs: 375px; }@custom-media --xs (min-width: 375px);.liquid-glass{background:var(--liquid-glass-primary);backdrop-filter:var(--liquid-glass-blur);-webkit-backdrop-filter:var(--liquid-glass-blur);border:1px solid var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow),var(--liquid-glass-inner-shadow);position:relative;overflow:hidden}.liquid-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--liquid-glass-highlight),transparent)}.liquid-glass-card{background:var(--liquid-glass-primary);backdrop-filter:var(--liquid-glass-blur);-webkit-backdrop-filter:var(--liquid-glass-blur);border:1px solid var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow),var(--liquid-glass-inner-shadow);border-radius:var(--radius);position:relative;overflow:hidden;transition:all .6s cubic-bezier(.16,1,.3,1)}.liquid-glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--liquid-glass-highlight),transparent)}.liquid-glass-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000026,var(--liquid-glass-inner-shadow);border-color:var(--liquid-glass-highlight)}@media (max-width: 640px){.liquid-glass-card:hover{transform:translateY(-2px) scale(1.01)}}.liquid-glass-heavy{background:var(--liquid-glass-secondary);backdrop-filter:var(--liquid-glass-blur-heavy);-webkit-backdrop-filter:var(--liquid-glass-blur-heavy);border:1px solid var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow),var(--liquid-glass-inner-shadow)}.liquid-morph{background:var(--liquid-glass-primary);backdrop-filter:var(--liquid-glass-blur);-webkit-backdrop-filter:var(--liquid-glass-blur);border:1px solid var(--liquid-glass-border);box-shadow:var(--liquid-glass-shadow);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transition:all .8s cubic-bezier(.16,1,.3,1)}@media (max-width: 640px){.liquid-morph{border-radius:var(--radius);animation:none}}@keyframes liquidMorph{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0)}25%{border-radius:30% 70% 40% 60%/50% 60% 40% 50%;transform:rotate(90deg)}50%{border-radius:70% 30% 60% 40%/40% 50% 60%;transform:rotate(180deg)}75%{border-radius:40% 60% 50% 30%/70% 40% 30% 60%;transform:rotate(270deg)}}@media (min-width: 640px){.liquid-morph{animation:liquidMorph 8s ease-in-out infinite}}.liquid-float{animation:liquidFloat 6s ease-in-out infinite}@keyframes liquidFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@media (max-width: 640px){@keyframes liquidFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(180deg)}}}.liquid-ripple{position:relative;overflow:hidden}.liquid-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,var(--liquid-glass-highlight) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:liquidRipple 3s ease-out infinite}@keyframes liquidRipple{0%{width:0;height:0;opacity:1}to{width:300px;height:300px;opacity:0}}@media (max-width: 640px){@keyframes liquidRipple{0%{width:0;height:0;opacity:1}to{width:150px;height:150px;opacity:0}}}.liquid-glow{position:relative}.liquid-glow:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--liquid-brand-blue),var(--liquid-brand-purple),var(--liquid-brand-pink),var(--liquid-brand-blush),var(--liquid-brand-light),transparent);border-radius:50%;animation:liquidGlow 4s linear infinite;z-index:-1;filter:blur(20px);opacity:.3}@keyframes liquidGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.liquid-glow:before{filter:blur(10px);opacity:.2}}.fluid-scale{transition:transform .6s cubic-bezier(.16,1,.3,1)}.fluid-scale:hover{transform:scale(1.05)}@media (max-width: 640px){.fluid-scale:hover{transform:scale(1.02)}}.fluid-slide{transition:transform .8s cubic-bezier(.16,1,.3,1)}.magnetic-hover{transition:transform .3s cubic-bezier(.16,1,.3,1)}.magnetic-hover:hover{transform:translateY(-4px) scale(1.02)}@media (max-width: 640px){.magnetic-hover:hover{transform:translateY(-2px) scale(1.01)}}.organic-shape{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);transition:clip-path .8s cubic-bezier(.16,1,.3,1)}.organic-shape:hover{clip-path:polygon(25% 0%,75% 0%,100% 25%,100% 75%,75% 100%,25% 100%,0% 75%,0% 25%)}.fluid-text{background:linear-gradient(45deg,var(--brand-blue),var(--brand-purple),var(--brand-pink),var(--brand-blush),var(--brand-light));background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fluidText 4s ease-in-out infinite}@keyframes fluidText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-variation-settings:"wght" 400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:lang(ar),body[dir=rtl]{font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;font-variation-settings:"wght" 800}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:clamp(1.5rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variation-settings:"wght" 700}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:clamp(1.25rem,3vw,2rem);font-weight:600;line-height:1.2;letter-spacing:-.01em;font-variation-settings:"wght" 600}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;line-height:1.3;font-variation-settings:"wght" 600}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:clamp(.875rem,2vw,1.125rem);font-weight:400;line-height:1.7;font-variation-settings:"wght" 400}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label,:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:clamp(.875rem,1.5vw,1rem);font-weight:500;line-height:1.5;font-variation-settings:"wght" 500}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:clamp(.875rem,1.5vw,1rem);font-weight:400;line-height:1.5;font-variation-settings:"wght" 400}}html{font-size:var(--font-size);scroll-behavior:smooth}::selection{background:var(--liquid-brand-blue);color:#fff}html{scroll-padding-top:100px}@media (max-width: 640px){button,a,[role=button]{min-height:44px;min-width:44px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 375px){:root{--font-size: 14px}.liquid-glass-card,.liquid-glass-heavy{border-radius:16px}}@media (max-width: 320px){:root{--font-size: 13px}}
