:root{--font-family-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-title: "Outfit", var(--font-family-primary);--hsl-hue: 224;--hsl-saturation: 85%;--color-primary-base: var(--hsl-hue), var(--hsl-saturation);--color-accent-base: 262, 90%;--color-bg-primary: hsl(var(--color-primary-base), 99%);--color-bg-secondary: hsl(var(--color-primary-base), 96%);--color-bg-tertiary-light: hsl(var(--color-primary-base), 92%);--color-text-primary: hsl(var(--color-primary-base), 8%);--color-text-secondary: hsl(var(--color-primary-base), 32%);--color-text-tertiary-light: hsl(var(--color-primary-base), 50%);--color-accent-light: hsl(var(--color-accent-base), 50%);--color-accent-hover-light: hsl(var(--color-accent-base), 42%);--color-border-light: hsl(var(--color-primary-base), 88%);--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .4);--glass-blur: blur(16px);--color-shadow-light: rgba(0, 8, 30, .04);--color-shadow-hover-light: rgba(0, 8, 30, .08);--color-bg-primary-dark: hsl(var(--color-primary-base), 4%);--color-bg-secondary-dark: hsl(var(--color-primary-base), 7%);--color-bg-tertiary-dark: hsl(var(--color-primary-base), 12%);--color-text-primary-dark: hsl(var(--color-primary-base), 96%);--color-text-secondary-dark: hsl(var(--color-primary-base), 75%);--color-text-tertiary-dark: hsl(var(--color-primary-base), 60%);--color-accent-dark: hsl(var(--color-accent-base), 65%);--color-accent-hover-dark: hsl(var(--color-accent-base), 72%);--color-border-dark: hsl(var(--color-primary-base), 16%);--glass-bg-dark: rgba(13, 17, 28, .65);--glass-border-dark: rgba(255, 255, 255, .06);--glass-blur-dark: blur(20px);--color-shadow-dark: rgba(0, 0, 0, .4);--color-shadow-hover-dark: rgba(0, 0, 0, .5);--gradient-glow: radial-gradient(circle at 50% 50%, hsla(var(--color-accent-base), 15%, .05) 0%, transparent 60%);--gradient-glow-dark: radial-gradient(circle at 50% 50%, hsla(var(--color-accent-base), 40%, .07) 0%, transparent 60%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-xxl: 5rem;--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.625rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 800;--line-height-tight: 1.15;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-full: 9999px;--shadow-sm: 0 2px 8px -1px var(--color-shadow);--shadow-md: 0 12px 24px -10px var(--color-shadow);--shadow-lg: 0 22px 35px -12px var(--color-shadow);--shadow-glow: 0 0 30px hsla(var(--color-accent-base), 50%, .25);--shadow-glow-dark: 0 0 35px hsla(var(--color-accent-base), 60%, .3);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050}:root{--color-bg: var(--color-bg-primary);--color-bg-alt: var(--color-bg-secondary);--color-bg-card: var(--color-bg-tertiary-light);--color-text: var(--color-text-primary);--color-text-alt: var(--color-text-secondary);--color-text-muted: var(--color-text-tertiary-light);--color-accent: var(--color-accent-light);--color-accent-hover: var(--color-accent-hover-light);--color-border: var(--color-border-light);--color-shadow: var(--color-shadow-light);--color-shadow-hover: var(--color-shadow-hover-light);--glass-background: var(--glass-bg);--glass-border-color: var(--glass-border);--glass-backdrop-filter: var(--glass-blur);--radial-glow: var(--gradient-glow);--glow-shadow: var(--shadow-glow)}[data-theme=dark]{--color-bg: var(--color-bg-primary-dark);--color-bg-alt: var(--color-bg-secondary-dark);--color-bg-card: var(--color-bg-tertiary-dark);--color-text: var(--color-text-primary-dark);--color-text-alt: var(--color-text-secondary-dark);--color-text-muted: var(--color-text-tertiary-dark);--color-accent: var(--color-accent-dark);--color-accent-hover: var(--color-accent-hover-dark);--color-border: var(--color-border-dark);--color-shadow: var(--color-shadow-dark);--color-shadow-hover: var(--color-shadow-hover-dark);--glass-background: var(--glass-bg-dark);--glass-border-color: var(--glass-border-dark);--glass-backdrop-filter: var(--glass-blur-dark);--radial-glow: var(--gradient-glow-dark);--glow-shadow: var(--shadow-glow-dark)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);background-image:var(--radial-glow);background-attachment:fixed;background-size:100% 100%;transition:background-color var(--transition-base),color var(--transition-base),background-image var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-bg-card);border-radius:var(--radius-full);border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}section[id]{scroll-margin-top:90px}[dir=rtl]{direction:rtl}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--spacing-md)}@media (min-width: 640px){.container{padding-inline:var(--spacing-lg)}}@media (min-width: 1024px){.container{padding-inline:var(--spacing-xl)}}.grid{display:grid;gap:var(--spacing-lg)}.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex--column{flex-direction:column}.flex--wrap{flex-wrap:wrap}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--gap-sm{gap:var(--spacing-sm)}.flex--gap-md{gap:var(--spacing-md)}.flex--gap-lg{gap:var(--spacing-lg)}.section{padding-block:var(--spacing-3xl)}.section--sm{padding-block:var(--spacing-xl)}.section--lg{padding-block:var(--spacing-3xl) var(--spacing-3xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right,[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.75rem 1.75rem;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--glass-background);color:var(--color-text);cursor:pointer;transition:all var(--transition-base);text-decoration:none;min-height:48px;-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-2px);background:var(--color-bg-card);border-color:var(--color-text-muted);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(135deg,var(--color-accent) 0%,hsl(var(--color-accent-base),40%) 100%);color:#fff;border:none;box-shadow:var(--glow-shadow)}.btn--primary:hover{background:linear-gradient(135deg,var(--color-accent-hover) 0%,hsl(var(--color-accent-base),30%) 100%);color:#fff;box-shadow:0 8px 24px hsla(var(--color-accent-base),60%,.4)}.card{background:var(--glass-background);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:hsla(var(--color-accent-base),50%,.3)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--glass-background);border-bottom:1px solid var(--glass-border-color);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);transition:all var(--transition-base)}.header--scrolled{padding-block:var(--spacing-sm);box-shadow:var(--shadow-md)}.container{max-width:1200px;margin:0 auto;padding-inline:var(--spacing-lg);width:100%}.header__content{display:flex;align-items:center;justify-content:space-between;height:80px;transition:height var(--transition-base)}.header--scrolled .header__content{height:64px}.header__logo{display:flex;align-items:center;text-decoration:none;height:100%;max-width:160px}.header__logo img{height:auto;max-height:48px;width:100%;object-fit:contain;transition:max-height var(--transition-base)}.header--scrolled .header__logo img{max-height:40px}.header__nav{display:none}.header__nav-list{display:flex;list-style:none;gap:var(--spacing-xl)}.header__nav-link{color:var(--color-text-alt);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:color var(--transition-fast);padding:var(--spacing-xs) 0;position:relative}.header__nav-link:hover{color:var(--color-text)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-base);border-radius:var(--radius-full)}.header__nav-link:hover:after{width:100%}.header__actions{display:flex;align-items:center;gap:var(--spacing-md)}.toggle-btn{background:var(--glass-background);border:1px solid var(--glass-border-color);color:var(--color-text);width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter)}.toggle-btn:hover{background:var(--color-bg-card);transform:scale(1.05)}.toggle-btn svg{width:20px;height:20px}.header__menu-toggle{display:flex}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh;padding-block-start:100px;position:relative;overflow:hidden;text-align:center}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,hsla(var(--color-accent-base),30%,.15) 0%,transparent 70%);z-index:-1;pointer-events:none;animation:pulseGlow 10s infinite alternate ease-in-out}@keyframes pulseGlow{0%{transform:translate(-50%,-50%) scale(.9);opacity:.8}to{transform:translate(-50%,-50%) scale(1.1);opacity:1}}.hero__content{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);animation:fadeInUp var(--transition-slow) forwards}.hero__title{font-size:clamp(var(--font-size-3xl),6vw,var(--font-size-5xl));font-weight:var(--font-weight-black);background:linear-gradient(135deg,var(--color-text) 30%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;letter-spacing:-.03em}.hero__subtitle{font-size:clamp(var(--font-size-base),2.5vw,var(--font-size-xl));color:var(--color-text-alt);line-height:var(--line-height-relaxed);max-width:640px}.hero__cta{display:flex;gap:var(--spacing-md);margin-block-start:var(--spacing-md)}.section{padding-block:var(--spacing-xxl);position:relative}.section__title{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-4xl));font-weight:var(--font-weight-bold);text-align:center;margin-block-end:var(--spacing-sm);letter-spacing:-.02em}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-alt);text-align:center;max-width:600px;margin:0 auto var(--spacing-3xl) auto;line-height:var(--line-height-normal)}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);margin-block-start:var(--spacing-2xl)}.about-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.metric-card{text-align:center;padding:var(--spacing-lg)}.metric-card__number{font-size:var(--font-size-4xl);font-weight:var(--font-weight-black);color:var(--color-accent);line-height:1;margin-block-end:var(--spacing-xs);font-family:var(--font-family-title)}.metric-card__label{font-size:var(--font-size-sm);color:var(--color-text-alt);font-weight:var(--font-weight-medium)}.services__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.service-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-md);text-align:left}.service-card__icon{width:52px;height:52px;background:hsla(var(--color-accent-base),50%,.1);color:var(--color-accent);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);margin-block-end:var(--spacing-xs)}.service-card__icon svg{width:26px;height:26px}.service-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.service-card__description{font-size:var(--font-size-base);color:var(--color-text-alt);line-height:var(--line-height-relaxed)}.portfolio__filter-bar{display:flex;justify-content:center;gap:var(--spacing-sm);margin-block-end:var(--spacing-2xl);flex-wrap:wrap}.filter-btn{background:var(--glass-background);border:1px solid var(--glass-border-color);color:var(--color-text-alt);padding:.5rem 1.25rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.filter-btn:hover{background:var(--color-bg-card);color:var(--color-text)}.filter-btn--active{background:var(--color-accent);color:#fff!important;border-color:var(--color-accent);box-shadow:var(--glow-shadow)}.portfolio__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.portfolio-item{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--glass-border-color);background:var(--glass-background);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);box-shadow:var(--shadow-md);text-decoration:none;transition:all var(--transition-base);position:relative}.portfolio-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:hsla(var(--color-accent-base),50%,.3)}.portfolio-item__image{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--color-bg-card)}.portfolio-item__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-item:hover .portfolio-item__image img{transform:scale(1.05)}.portfolio-item__placeholder{aspect-ratio:16/10;background:linear-gradient(135deg,hsl(var(--color-primary-base),90%),hsl(var(--color-accent-base),85%));display:flex;align-items:center;justify-content:center}[data-theme=dark] .portfolio-item__placeholder{background:linear-gradient(135deg,hsl(var(--color-primary-base),12%),hsl(var(--color-accent-base),15%))}.portfolio-item__content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.portfolio-item__tag{font-size:var(--font-size-xs);color:var(--color-accent);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em}.portfolio-item__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}.portfolio-item__description{font-size:var(--font-size-sm);color:var(--color-text-alt);line-height:var(--line-height-normal)}.portfolio-item__overlay{display:none}.contact__wrapper{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl)}.contact__info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--glass-background);border:1px solid var(--glass-border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);transition:all var(--transition-base)}.contact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:hsla(var(--color-accent-base),50%,.1);color:var(--color-accent);border-radius:var(--radius-sm)}.contact-card__content{display:flex;flex-direction:column}.contact-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.contact-card__text{font-size:var(--font-size-sm);color:var(--color-text-alt)}.contact-card__link{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.contact-card__link:hover{color:var(--color-accent)}.contact-form{background:var(--glass-background);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:left}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-alt)}.form-input,.form-textarea{font-family:var(--font-family-primary);font-size:var(--font-size-base);padding:.75rem 1rem;background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-md);transition:all var(--transition-base)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg);box-shadow:0 0 0 3px hsla(var(--color-accent-base),50%,.15)}.form-textarea{min-height:120px;resize:vertical}.contact-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.contact-form__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-full);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.floating-contact-btn{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent) 0%,hsl(var(--color-accent-base),40%) 100%);color:#fff;border:none;box-shadow:var(--glow-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-fixed);transition:all var(--transition-base)}.floating-contact-btn:hover{transform:scale(1.08) rotate(90deg);box-shadow:0 8px 24px hsla(var(--color-accent-base),60%,.4)}[dir=rtl] .floating-contact-btn{right:auto;left:var(--spacing-xl)}.contact-modal__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-base) forwards}.contact-modal{background:var(--glass-background);border:1px solid var(--glass-border-color);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);position:relative;animation:scaleUp var(--transition-slow) var(--ease-bounce) forwards;overflow:hidden}.contact-modal__close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:transparent;border:none;color:var(--color-text-alt);cursor:pointer;transition:color var(--transition-fast);z-index:2}[dir=rtl] .contact-modal__close{right:auto;left:var(--spacing-lg)}.contact-modal__close:hover{color:var(--color-text)}.contact-modal__close svg{width:24px;height:24px}.contact-modal__header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-md);border-bottom:1px solid var(--glass-border-color)}.contact-modal__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.contact-modal__content{padding:var(--spacing-xl)}.contact-modal__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.contact-modal__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.contact-modal__card:hover{background:var(--color-bg);border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-md)}.contact-modal__card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:hsla(var(--color-accent-base),50%,.1);color:var(--color-accent);border-radius:var(--radius-sm)}.contact-modal__card-icon svg{width:22px;height:22px}.contact-modal__card-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.notification-modal{background:var(--glass-background);border:1px solid var(--glass-border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);text-align:center;max-width:400px;width:100%;animation:scaleUp var(--transition-slow) var(--ease-bounce) forwards}.notification-modal__icon{width:64px;height:64px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);margin-block-end:var(--spacing-lg)}.notification-modal--success .notification-modal__icon{background:#10b9811a;color:#10b981}.notification-modal--error .notification-modal__icon{background:#ef44441a;color:#ef4444}.notification-modal__icon svg{width:32px;height:32px}.notification-modal__title{font-size:var(--font-size-2xl);margin-block-end:var(--spacing-sm)}.notification-modal__message{font-size:var(--font-size-base);color:var(--color-text-alt);margin-block-end:var(--spacing-xl)}.project-detail{padding-block-start:120px;min-height:100vh}.project-detail__back{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-alt);text-decoration:none;font-weight:var(--font-weight-semibold);margin-block-end:var(--spacing-xl);transition:all var(--transition-base);padding:.5rem 1.25rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--glass-background);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);box-shadow:var(--shadow-sm)}.project-detail__back:hover{color:var(--color-text);transform:translate(-4px);border-color:var(--color-text-muted);box-shadow:var(--shadow-md)}[dir=rtl] .project-detail__back:hover{transform:translate(4px)}.project-detail__back svg{width:18px;height:18px;transition:transform var(--transition-base)}.project-detail__back:hover svg{transform:translate(-2px)}[dir=rtl] .project-detail__back:hover svg{transform:translate(2px) scaleX(-1)}.project-detail__header-card{margin-block-end:var(--spacing-2xl)}.project-detail__header{display:flex;flex-direction:column;gap:var(--spacing-xl)}.project-detail__logo{max-width:160px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-alt);border:1px solid var(--color-border);padding:var(--spacing-md);display:flex;align-items:center;justify-content:center;align-self:center}.project-detail__logo img{width:100%;height:auto;object-fit:contain}.project-detail__info{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.project-detail__title{font-size:var(--font-size-3xl);text-align:center}.project-detail__description-wrapper{display:flex;flex-direction:column;gap:var(--spacing-lg)}.project-detail__description{font-size:var(--font-size-lg);color:var(--color-text-alt);line-height:var(--line-height-relaxed);text-align:center}.project-detail__features{border-top:1px solid var(--glass-border-color);padding-block-start:var(--spacing-lg);text-align:left}.project-detail__features-title{font-size:var(--font-size-xl);margin-block-end:var(--spacing-md)}.project-detail__features-list{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);list-style:none}.project-detail__feature-item{position:relative;padding-inline-start:var(--spacing-lg);font-size:var(--font-size-base);color:var(--color-text-alt)}.project-detail__feature-item:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:var(--font-weight-bold)}[dir=rtl] .project-detail__feature-item:before{left:auto;right:0}[dir=rtl] .project-detail__feature-item{padding-inline-start:0;padding-inline-end:var(--spacing-lg)}.project-detail__link{align-self:center;margin-block-start:var(--spacing-md)}.project-detail__embed{margin-block-end:var(--spacing-3xl)}.project-detail__embed-title{font-size:var(--font-size-2xl);margin-block-end:var(--spacing-lg);text-align:center}.project-detail__embed-wrapper{border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16/9;background:var(--color-bg-alt)}.project-detail__embed-link{display:block;width:100%;height:100%;text-decoration:none}.project-detail__embed-preview{width:100%;height:100%;background:linear-gradient(135deg,hsl(var(--color-primary-base),10%),hsl(var(--color-accent-base),12%));position:relative;display:flex;align-items:center;justify-content:center}.project-detail__embed-overlay{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:#fff}.project-detail__embed-overlay svg{width:64px;height:64px;padding:var(--spacing-md);background:#ffffff1a;border:2px solid #ffffff;border-radius:var(--radius-full);animation:pulsePlay 2s infinite ease-in-out}@keyframes pulsePlay{0%{transform:scale(1);box-shadow:0 0 #fff6}70%{transform:scale(1.05);box-shadow:0 0 0 15px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.project-detail__embed-overlay span{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);letter-spacing:.05em;text-transform:uppercase}.project-detail__gallery-title{font-size:var(--font-size-2xl);margin-block-end:var(--spacing-lg);text-align:center}.project-detail__gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.project-detail__gallery-item{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--glass-border-color);cursor:pointer}.project-detail__gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-detail__gallery-item:hover img{transform:scale(1.05)}.project-detail__gallery-item-skeleton{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--color-bg-alt) 25%,var(--color-bg-card) 50%,var(--color-bg-alt) 75%);background-size:200% 100%;animation:skeletonLoad 1.5s infinite linear}@keyframes skeletonLoad{to{background-position:-200% 0}}.project-detail__gallery-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.project-detail__gallery-item:hover .project-detail__gallery-item-overlay{opacity:1}.project-detail__gallery-item-overlay svg{width:44px;height:44px;color:#fff}.project-detail__lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center}.project-detail__lightbox-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:#ffffff1a;border:none;color:#fff;width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.project-detail__lightbox-close:hover{background:#ffffff40;transform:scale(1.05)}.project-detail__lightbox-close svg{width:20px;height:20px}.project-detail__lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:2}.project-detail__lightbox-nav:hover{background:#ffffff40;transform:translateY(-50%) scale(1.05)}.project-detail__lightbox-nav svg{width:24px;height:24px}.project-detail__lightbox-nav--prev{left:var(--spacing-lg)}.project-detail__lightbox-nav--next{right:var(--spacing-lg)}.project-detail__lightbox-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:85vw;max-height:80vh}.project-detail__lightbox-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);box-shadow:0 10px 30px #00000080}.project-detail__lightbox-counter{color:#fff9;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:#0006;padding:.25rem .75rem;border-radius:var(--radius-full)}.onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg);background-image:var(--radial-glow);z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.onboarding-container{width:100%;max-width:480px;background:var(--glass-background);border:1px solid var(--glass-border-color);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);position:relative;overflow:hidden}.onboarding-step{display:none;flex-direction:column;align-items:center;text-align:center;animation:fadeIn var(--transition-base) forwards}.onboarding-step--active{display:flex}.onboarding-logo{width:80px;height:80px;margin-block-end:var(--spacing-xl);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-md);padding:var(--spacing-sm)}.onboarding-logo img{width:100%;height:100%;object-fit:contain}.onboarding-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-block-end:var(--spacing-xl);letter-spacing:-.02em}.onboarding-options{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.onboarding-option{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-alt);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);width:100%;color:var(--color-text)}.onboarding-option:hover{background:var(--color-bg);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.onboarding-option--active{background:var(--color-bg);border-color:var(--color-accent)!important;box-shadow:0 0 0 3px hsla(var(--color-accent-base),50%,.15)}.onboarding-option-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.onboarding-option-code{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-muted);background:var(--color-bg-card);padding:.25rem .5rem;border-radius:var(--radius-sm)}.onboarding-option--theme{justify-content:center;gap:var(--spacing-md);flex-direction:column;padding:var(--spacing-xl)}.onboarding-option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:hsla(var(--color-accent-base),50%,.1);color:var(--color-accent);border-radius:var(--radius-sm);margin-block-end:var(--spacing-xs)}.onboarding-option-icon svg{width:24px;height:24px}.onboarding-step--welcome{animation:scaleUp var(--transition-slow) var(--ease-bounce) forwards}.onboarding-welcome-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);margin-block-end:var(--spacing-md)}.onboarding-welcome-message{font-size:var(--font-size-base);color:var(--color-text-alt);line-height:var(--line-height-normal)}.footer{background:linear-gradient(to bottom,var(--color-bg) 0%,var(--color-bg-alt) 100%);border-top:1px solid var(--color-border);padding-block:var(--spacing-3xl) var(--spacing-xl);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;bottom:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,hsla(var(--color-accent-base),25%,.08) 0%,transparent 70%);z-index:1;pointer-events:none}.footer__top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-xl);border-bottom:1px solid var(--glass-border-color);padding-block-end:var(--spacing-xl);margin-block-end:var(--spacing-2xl);position:relative;z-index:2}.footer__branding{max-width:320px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.footer__logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-text);font-family:var(--font-family-title);font-weight:var(--font-weight-black);font-size:var(--font-size-xl);letter-spacing:-.02em}.footer__logo img{height:36px;width:auto}.footer__tagline{font-size:var(--font-size-sm);color:var(--color-text-alt);line-height:var(--line-height-normal);text-align:left}[dir=rtl] .footer__tagline{text-align:right}.footer__social{display:flex;gap:var(--spacing-sm)}.footer__social-link{width:42px;height:42px;background:var(--glass-background);border:1px solid var(--glass-border-color);color:var(--color-text-alt);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base);text-decoration:none;-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);box-shadow:var(--shadow-sm)}.footer__social-link:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff!important;transform:translateY(-4px);box-shadow:var(--glow-shadow)}.footer__social-link svg{width:18px;height:18px}.footer__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2xl);margin-block-end:var(--spacing-3xl);position:relative;z-index:2;text-align:left}[dir=rtl] .footer__content{text-align:right}.footer__column{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer__section-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em;margin:0;text-transform:uppercase;font-size:13px;letter-spacing:.05em}.footer__nav{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__link{color:var(--color-text-alt);text-decoration:none;font-size:var(--font-size-sm);transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-xs);width:fit-content}.footer__link:hover{color:var(--color-accent);transform:translate(4px)}[dir=rtl] .footer__link:hover{transform:translate(-4px)}.footer__bottom{border-top:1px solid var(--glass-border-color);padding-block-start:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);position:relative;z-index:2}.footer__copyright{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.hero__glow-1,.hero__glow-2{position:absolute;border-radius:var(--radius-full);filter:blur(100px);z-index:-1;pointer-events:none;opacity:.6}.hero__glow-1{background:hsla(var(--color-accent-base),60%,.12);width:400px;height:400px;top:15%;left:10%;animation:float1 15s infinite alternate ease-in-out}.hero__glow-2{background:#b83df514;width:300px;height:300px;bottom:15%;right:10%;animation:float2 12s infinite alternate ease-in-out}@keyframes float1{0%{transform:translateY(0) scale(1)}to{transform:translateY(-40px) scale(1.15)}}@keyframes float2{0%{transform:translateY(0) scale(1.15)}to{transform:translateY(30px) scale(.9)}}.service-card{position:relative;overflow:hidden}.service-card__accent-bar{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent) 0%,hsl(var(--color-accent-base),70%) 100%);opacity:0;transition:opacity var(--transition-base)}.service-card:hover .service-card__accent-bar{opacity:1}.browser-mockup{border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:var(--color-bg-alt);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);display:flex;flex-direction:column;margin-block-end:var(--spacing-2xl)}.browser-header{height:40px;background:var(--color-bg-card);border-bottom:1px solid var(--glass-border-color);display:flex;align-items:center;padding-inline:var(--spacing-md);position:relative}.browser-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:var(--radius-full)}.dot--red{background-color:#ff5f56}.dot--yellow{background-color:#ffbd2e}.dot--green{background-color:#27c93f}.browser-address-bar{position:absolute;left:50%;transform:translate(-50%);background:var(--color-bg);border:1px solid var(--color-border);font-size:11px;color:var(--color-text-alt);padding:.25rem 1.5rem;border-radius:var(--radius-sm);text-align:center;width:50%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-body{position:relative;aspect-ratio:16/9}.speed-dial{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);display:flex;flex-direction:column-reverse;align-items:center;gap:var(--spacing-sm);z-index:var(--z-fixed)}[dir=rtl] .speed-dial{right:auto;left:var(--spacing-xl)}.speed-dial__list{display:flex;flex-direction:column-reverse;gap:var(--spacing-sm);list-style:none;opacity:0;pointer-events:none;transform:translateY(15px);transition:opacity var(--transition-base),transform var(--transition-base)}.speed-dial--open .speed-dial__list{opacity:1;pointer-events:auto;transform:translateY(0)}.speed-dial__item{transition:transform var(--transition-base) var(--ease-bounce)}.speed-dial--open .speed-dial__item:nth-child(1){transition-delay:50ms}.speed-dial--open .speed-dial__item:nth-child(2){transition-delay:.1s}.speed-dial--open .speed-dial__item:nth-child(3){transition-delay:.15s}.speed-dial--open .speed-dial__item:nth-child(4){transition-delay:.2s}.speed-dial--open .speed-dial__item:nth-child(5){transition-delay:.25s}.speed-dial__btn{width:48px;height:48px;border-radius:var(--radius-full);border:1px solid var(--glass-border-color);background:var(--glass-background);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);color:var(--color-text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-base);text-decoration:none;position:relative}.speed-dial__btn:hover{transform:scale(1.08);background:var(--color-bg);border-color:var(--color-accent);color:var(--color-accent)}.speed-dial__tooltip{position:absolute;right:60px;background:var(--color-text);color:var(--color-bg);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);box-shadow:var(--shadow-sm)}[dir=rtl] .speed-dial__tooltip{right:auto;left:60px}.speed-dial__btn:hover .speed-dial__tooltip{opacity:1}.speed-dial__toggle{width:60px;height:60px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent) 0%,hsl(var(--color-accent-base),40%) 100%);color:#fff;border:none;box-shadow:var(--glow-shadow);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.speed-dial__toggle:hover{transform:scale(1.05);box-shadow:0 8px 24px hsla(var(--color-accent-base),60%,.4)}.speed-dial--open .speed-dial__toggle{transform:rotate(135deg);background:linear-gradient(135deg,#e8304f,#c91d39);box-shadow:0 8px 24px #ef444466}.speed-dial__toggle svg{width:24px;height:24px;transition:transform var(--transition-base)}.portfolio-item__tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-block-start:var(--spacing-sm)}.tech-badge{font-size:10px;font-weight:var(--font-weight-semibold);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-alt);padding:.15rem .5rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.portfolio-item:hover .tech-badge{border-color:var(--color-accent);color:var(--color-accent)}.header__nav-link--active{color:var(--color-text)!important}.header__nav-link--active:after{width:100%!important}.contact__info-card{background:linear-gradient(135deg,hsl(var(--color-primary-base),7%),hsl(var(--color-primary-base),12%));border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);color:var(--color-text);display:flex;flex-direction:column;gap:var(--spacing-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);text-align:left}[data-theme=light] .contact__info-card{background:linear-gradient(135deg,hsl(var(--color-primary-base),96%),hsl(var(--color-primary-base),92%))}.contact__socials{display:flex;gap:var(--spacing-md);margin-block-start:auto;padding-block-start:var(--spacing-md);border-top:1px solid var(--glass-border-color)}.contact__socials .social-icon{width:44px;height:44px;background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-alt);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);cursor:pointer;text-decoration:none}.contact__socials .social-icon:hover{background:var(--color-accent);color:#fff!important;transform:translateY(-4px);box-shadow:var(--glow-shadow);border-color:var(--color-accent)}.contact__socials .social-icon svg{width:20px;height:20px}.contact-success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);height:100%;min-height:400px;animation:scaleUp var(--transition-slow) var(--ease-bounce) forwards;gap:var(--spacing-md)}.contact-success-state__icon{width:72px;height:72px;border-radius:var(--radius-full);background:#10b9811a;color:#10b981;display:flex;align-items:center;justify-content:center;margin-block-end:var(--spacing-sm);animation:pulseCheck 2s infinite ease-in-out}.contact-success-state__icon svg{width:32px;height:32px}@keyframes pulseCheck{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 15px #10b98100}to{box-shadow:0 0 #10b98100}}.contact-success-state h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.contact-success-state p{color:var(--color-text-alt);font-size:var(--font-size-base);line-height:var(--line-height-normal);max-width:320px;margin:0}.hero__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);align-items:center;width:100%}@media (min-width: 768px){.hero__grid{grid-template-columns:1.2fr 1fr;text-align:left}.hero__content{align-items:flex-start!important;text-align:left!important}.hero__title{text-align:left!important}}.hero__visual{position:relative;width:100%;max-width:440px;margin:0 auto;height:320px;display:flex;align-items:center;justify-content:center}.hero-mockup-card{width:90%;background:var(--glass-background);border:1px solid var(--glass-border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);overflow:hidden;position:absolute;top:10px;left:0;animation:floatCard 6s infinite alternate ease-in-out}.hero-mockup-card__header{height:32px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding-inline:var(--spacing-sm);gap:5px}.hero-mockup-card__title{font-size:10px;color:var(--color-text-muted);margin-inline-start:auto;font-weight:var(--font-weight-medium)}.hero-mockup-card__body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.mockup-chart{display:flex;align-items:flex-end;justify-content:space-between;height:70px;padding-inline:var(--spacing-sm);border-bottom:1px dashed var(--color-border)}.mockup-chart__bar{width:12%;background:linear-gradient(to top,var(--color-accent) 0%,hsl(var(--color-accent-base),70%) 100%);border-top-left-radius:3px;border-top-right-radius:3px;animation:growBar 1.5s ease-out forwards}@keyframes growBar{0%{height:0}}.mockup-stats{display:flex;justify-content:space-between}.mockup-stat{display:flex;flex-direction:column;gap:2px}.mockup-stat__label{font-size:10px;color:var(--color-text-alt)}.mockup-stat__val{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text)}.hero-mockup-chat{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--glass-background);border:1.5px solid var(--color-accent);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--glass-backdrop-filter);backdrop-filter:var(--glass-backdrop-filter);position:absolute;bottom:10px;right:0;width:75%;animation:floatChat 6s infinite alternate ease-in-out 3s}.chat-avatar{font-size:var(--font-size-xl)}.chat-msg{display:flex;flex-direction:column;text-align:left}.chat-msg strong{font-size:11px;color:var(--color-accent)}.chat-msg p{font-size:11px;color:var(--color-text);margin:0}@keyframes floatCard{0%{transform:translateY(0)}to{transform:translateY(-15px)}}@keyframes floatChat{0%{transform:translateY(0)}to{transform:translateY(-12px)}}.onboarding-progress{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-block-end:var(--spacing-xl);width:100%}.onboarding-progress__dot{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-text-alt);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--font-weight-bold);transition:all var(--transition-base)}.onboarding-progress__dot--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:var(--glow-shadow)}.onboarding-progress__line{height:2px;width:40px;background:var(--color-border);flex-grow:1;max-width:60px}@media (min-width: 768px){.header__menu-toggle{display:none!important}.header__nav{display:flex!important}.hero{min-height:100vh;padding-block-start:0}.section{padding-block:var(--spacing-xxl)}.about-grid{grid-template-columns:repeat(2,1fr);align-items:center}.services__grid,.portfolio__grid{grid-template-columns:repeat(2,1fr)}.contact__wrapper{grid-template-columns:1fr 1.3fr;align-items:start}.project-detail__header{flex-direction:row;align-items:center;gap:var(--spacing-3xl)}.project-detail__logo{max-width:200px;align-self:flex-start}.project-detail__title{text-align:left}[dir=rtl] .project-detail__title{text-align:right}.project-detail__description{text-align:left}[dir=rtl] .project-detail__description{text-align:right}.project-detail__features-list{grid-template-columns:repeat(2,1fr)}.project-detail__link{align-self:flex-start}.onboarding-options{flex-direction:row}.onboarding-option--theme{flex:1}}@media (min-width: 1024px){.services__grid,.portfolio__grid,.project-detail__gallery-grid,.contact-modal__grid{grid-template-columns:repeat(3,1fr)}.contact-modal{max-width:640px}}@media (max-width: 767px){.header{top:var(--spacing-sm);margin-inline:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--glass-border-color);width:calc(100% - var(--spacing-sm) * 2)}.header__content{height:64px;padding-inline:var(--spacing-md)}.header__actions{gap:var(--spacing-sm)}.header__modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base) ease-out}.header__modal-nav{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:320px;background-color:var(--color-bg);display:flex;flex-direction:column;z-index:var(--z-modal);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-slow) cubic-bezier(.16,1,.3,1)}[dir=rtl] .header__modal-nav{right:auto;left:0;animation:slideInLeft var(--transition-slow) cubic-bezier(.16,1,.3,1)}.header__modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.header__modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.header__modal-close{background:transparent;border:none;color:var(--color-text-alt);cursor:pointer}.header__modal-close svg{width:24px;height:24px}.header__modal-nav-list{list-style:none;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.header__modal-nav-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);text-decoration:none;color:var(--color-text);transition:all var(--transition-base)}.header__modal-nav-card:hover{background:var(--color-bg-primary);border-color:var(--color-accent);transform:translateY(-2px)}.header__modal-nav-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(var(--color-accent-base),50%,.1);color:var(--color-accent);border-radius:var(--radius-sm)}.header__modal-nav-card-icon svg{width:18px;height:18px}.header__modal-nav-card-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.contact-modal{max-height:100vh;border-radius:0;max-width:100%;height:100%;border:none;animation:slideInUp var(--transition-slow) cubic-bezier(.16,1,.3,1)}.contact-modal__grid{grid-template-columns:1fr}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.floating-contact-btn{bottom:var(--spacing-lg);right:var(--spacing-lg)}[dir=rtl] .floating-contact-btn{right:auto;left:var(--spacing-lg)}}