*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-secondary:#64748b;--color-accent:#0ea5e9;--color-bg-primary:#ffffff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-glass:rgba(255,255,255,0.95);--color-bg-glass-hover:rgba(255,255,255,0.98);--color-text-primary:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-inverse:#ffffff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-glass:0 8px 32px 0 rgba(31,38,135,0.37);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.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;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}.dark-mode{--color-primary:#3b82f6;--color-primary-light:#60a5fa;--color-primary-dark:#2563eb;--color-secondary:#94a3b8;--color-accent:#06b6d4;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-bg-glass:rgba(30,41,59,0.95);--color-bg-glass-hover:rgba(30,41,59,0.98);--color-text-primary:#f1f5f9;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-inverse:#0f172a;--color-border:#475569;--color-border-light:#334155;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -2px rgba(0,0,0,0.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.4),0 10px 10px -5px rgba(0,0,0,0.3);--shadow-glass:0 8px 32px 0 rgba(0,0,0,0.5)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);padding-top:85px}:focus{outline:2px solid var(--color-primary);outline-offset:2px}.contact-section__list{list-style:none;padding:0;margin:0}.contact-section__list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:500;line-height:var(--line-height-relaxed)}.contact-section__list li:before{content:"✓";color:var(--color-primary);font-weight:600;flex-shrink:0;width:16px;text-align:center;margin-top:2px}.card__features{list-style:none;padding:0;margin:0 0 var(--spacing-lg)}.card--feature .card__feature{display:block;padding:var(--spacing-xs) 0 var(--spacing-xs) 20px;color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);font-weight:500;position:relative;text-align:left!important}.card--feature .card__feature:before{content:"✓";color:var(--color-primary);font-weight:600;position:absolute;left:0;top:var(--spacing-xs);width:16px;text-align:center;line-height:1}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container--wide{max-width:1400px}.container--narrow{max-width:800px}.grid{display:grid;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.grid--auto{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--spacing-lg)}.grid--auto .card{flex:1 1 350px;max-width:400px;min-width:300px;display:flex;flex-direction:column}.grid--auto .card,.grid--auto .card .card__content{justify-content:flex-start!important}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--column{flex-direction:column}.flex--wrap{flex-wrap:wrap}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mt-6{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-2xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.glass{background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-glass)}.glass:hover{background:var(--color-bg-glass-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .6s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:1024px){.container{padding:0 var(--spacing-md)}.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){body{padding-top:80px}.container{padding:0 var(--spacing-sm)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}:root{--font-size-5xl:2.5rem;--font-size-6xl:3rem;--spacing-4xl:3rem}}@media (max-width:640px){body{padding-top:60px}.container{padding:0 var(--spacing-sm)}:root{--font-size-3xl:1.75rem;--font-size-4xl:2rem;--font-size-5xl:2.25rem;--spacing-3xl:2.5rem}}@media (max-width:480px){body{padding-top:50px}.container{padding:0 var(--spacing-xs)}:root{--font-size-4xl:1.875rem;--font-size-5xl:2.25rem;--font-size-6xl:2.5rem;--spacing-2xl:2rem;--spacing-3xl:2rem}}@media (max-width:360px){.container{padding:0 var(--spacing-xs)}:root{--font-size-2xl:1.25rem;--font-size-3xl:1.5rem;--font-size-4xl:1.75rem;--spacing-xl:1.5rem;--spacing-2xl:1.5rem}}@media print{*{background:transparent!important;color:black!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-md)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%)}.btn--secondary{background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:var(--color-text-primary);box-shadow:var(--shadow-glass)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-glass-hover);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn--outline{background:transparent;border:2px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);transform:translateY(-2px)}.btn--large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn--small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.card{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-glass);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px 0 rgba(31,38,135,.4);background:var(--color-bg-glass-hover)}.card--feature{text-align:center;min-height:280px;display:flex;flex-direction:column;justify-content:space-between}.card--feature .card__features{text-align:left}.card--portfolio{cursor:pointer;padding:0;overflow:hidden;border-radius:var(--radius-xl);transition:all var(--transition-normal);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow-glass)}.card--portfolio:hover{transform:translateY(-4px);box-shadow:0 20px 40px 0 rgba(31,38,135,.4);background:var(--color-bg-glass-hover)}.card--contact{max-width:600px;margin:0 auto}.card__header{margin-bottom:var(--spacing-lg)}.card__title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.card__content{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.card__description{color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);font-weight:500}.card__footer{margin-top:auto}.card__image{width:100%;height:200px;object-fit:cover;transition:transform var(--transition-normal)}.card__image,.card__image-container{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.card__image-container{position:relative;overflow:hidden}.card--portfolio:hover .card__image{transform:scale(1.05)}.card__image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(37,99,235,.9),rgba(59,130,246,.7));opacity:0;transition:opacity var(--transition-normal);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-weight:600;font-size:var(--font-size-lg);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.card--portfolio:hover .card__image-overlay{opacity:1}.form{gap:var(--spacing-lg)}.form,.form__group{display:flex;flex-direction:column}.form__group{gap:var(--spacing-sm)}.form__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.form__input,.form__select,.form__textarea{padding:var(--spacing-md);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);background:var(--color-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form__input:focus,.form__select:focus,.form__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);background:var(--color-bg-glass-hover)}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-text-muted)}.form__textarea{resize:vertical;min-height:120px}.form__checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer}.form__checkbox-input{margin:0;width:18px;height:18px;accent-color:var(--color-primary)}.form__checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.form__error{color:#dc2626}.form__error,.form__success{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form__success{color:#059669}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal--active{opacity:1;visibility:visible}.modal__content{background:var(--color-bg-primary);border-radius:var(--radius-2xl);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:scale(.9);transition:transform var(--transition-normal);margin-top:120px}.modal--active .modal__content{transform:scale(1)}.modal__header{padding:var(--spacing-xl);border-bottom:1px solid var(--color-bg-tertiary);display:flex;align-items:center;justify-content:space-between}.modal__title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.modal__close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal__body{padding:var(--spacing-xl)}.modal__gallery{margin-bottom:var(--spacing-xl)}.modal__image-container{position:relative;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.modal__image,.modal__image-container{width:100%;max-height:60vh;border-radius:var(--radius-lg)}.modal__image{height:auto;object-fit:contain;transition:opacity var(--transition-normal)}.modal__nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:white;border:none;width:50px;height:50px;border-radius:50%;font-size:var(--font-size-2xl);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}.modal__nav:hover{background:rgba(0,0,0,.9);transform:translateY(-50%) scale(1.1)}.modal__nav--prev{left:var(--spacing-lg)}.modal__counter,.modal__nav--next{right:var(--spacing-lg)}.modal__counter{position:absolute;bottom:var(--spacing-lg);background:rgba(0,0,0,.7);color:white;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.modal__thumbnails{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg);overflow-x:auto;padding:var(--spacing-sm) 0}.modal__thumbnail{flex-shrink:0;width:80px;height:60px;border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:none;padding:0}.modal__thumbnail:hover{border-color:var(--color-primary);transform:scale(1.05)}.modal__thumbnail--active{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(37,99,235,.3)}.modal__thumbnail-image{width:100%;height:100%;object-fit:cover}.modal__content-section{margin-top:var(--spacing-xl)}.modal__summary{margin-bottom:var(--spacing-xl)}.modal__summary p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-primary)}.modal__tags{margin-bottom:var(--spacing-xl)}.modal__tags h4{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.modal__tags-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.modal__details{margin-bottom:var(--spacing-xl)}.modal__detail-section{margin-bottom:var(--spacing-lg)}.modal__detail-heading{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.modal__detail-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.modal__cta{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-bg-tertiary)}.card--portfolio .card__content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.card--portfolio .card__header{margin-bottom:0}.card--portfolio .card__subtitle{font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--spacing-xs)}.card--portfolio .card__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.card--portfolio .card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);flex:1 1}.card--portfolio .card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:auto}.card--portfolio .tag{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.card--portfolio .tag,.tag{color:var(--color-text-secondary);font-weight:500}.tag{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);text-transform:none;letter-spacing:normal;transition:all var(--transition-normal);cursor:pointer;box-shadow:var(--shadow-sm)}.tag:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);transform:translateY(-1px)}.tag--active,.tag:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.tag--active{background:var(--color-primary);color:var(--color-text-inverse)}.tag--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.filter__button{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.filter__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,99,235,.1),transparent);transition:left var(--transition-normal)}.filter__button:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.filter__button:hover:before{left:100%}.filter__button--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.filter__button--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px)}.portfolio-grid__controls{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-glass)}.portfolio-grid__mobile-toggle{display:none;margin-bottom:var(--spacing-lg)}.portfolio-grid__toggle-icon{margin-left:var(--spacing-sm);transition:transform var(--transition-fast)}.portfolio-grid__filters-container{display:block}.portfolio-grid__filters-container--open .portfolio-grid__toggle-icon{transform:rotate(180deg)}.portfolio-grid__filters{display:flex;flex-direction:column;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.portfolio-grid__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.search{position:relative;max-width:500px;margin:0 auto}.search__input{width:100%;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 3.5rem;background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--font-size-lg);color:var(--color-text-primary);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.search__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(37,99,235,.1),var(--shadow-md);background:var(--color-bg-primary)}.search__input::placeholder{color:var(--color-text-muted);font-weight:400}.search__icon{position:absolute;left:var(--spacing-lg);top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:var(--font-size-xl);transition:color var(--transition-fast)}.search__input:focus+.search__icon{color:var(--color-primary)}.portfolio-grid__stats{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.portfolio-grid__stats p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.portfolio-grid__stats strong{color:var(--color-primary);font-weight:600}.portfolio-grid__empty{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}.portfolio-grid__empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);opacity:.5}.portfolio-grid__empty h3{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.portfolio-grid__empty p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:var(--line-height-relaxed)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4xl)}.loading__spinner{width:40px;height:40px;border-top:3px solid var(--color-bg-tertiary);border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.card{padding:var(--spacing-lg)}.modal__content{max-width:90vw;margin-top:100px}.modal__image,.modal__image-container{max-height:50vh}}@media (max-width:768px){.card{padding:var(--spacing-lg)}.modal__content{margin:var(--spacing-sm);max-height:calc(100vh - 2rem);margin-top:150px}.modal__body,.modal__header{padding:var(--spacing-lg)}.modal__image,.modal__image-container{max-height:40vh}.modal__nav{width:40px;height:40px;font-size:var(--font-size-xl)}.modal__nav--prev{left:var(--spacing-sm)}.modal__nav--next{right:var(--spacing-sm)}.modal__thumbnails{gap:var(--spacing-xs)}.modal__thumbnail{width:60px;height:45px}.portfolio-grid__controls{padding:var(--spacing-lg)}.portfolio-grid__mobile-toggle{display:block}.portfolio-grid__filters-container{display:none;margin-top:var(--spacing-lg)}.portfolio-grid__filters-container--open{display:block}.portfolio-grid__filters{gap:var(--spacing-md);margin:var(--spacing-lg) 0}.portfolio-grid__actions{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.filter{justify-content:flex-start}.filter__button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.search{max-width:100%}.search__input{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;font-size:var(--font-size-base)}}@media (max-width:640px){.card{padding:var(--spacing-md)}.card--feature{min-height:240px}.modal__content{margin:var(--spacing-xs);max-height:calc(100vh - 1rem);margin-top:70px}.modal__body,.modal__header{padding:var(--spacing-md)}.modal__image,.modal__image-container{max-height:35vh}.modal__nav{width:35px;height:35px;font-size:var(--font-size-lg)}.modal__thumbnail{width:50px;height:38px}}@media (max-width:480px){.card{padding:var(--spacing-sm)}.card--feature{min-height:200px}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn--large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}}@media (max-width:360px){.card{padding:var(--spacing-xs)}.card--feature{min-height:180px}.btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.section{padding:var(--spacing-4xl) 0;position:relative}.section--default{background:var(--color-bg-primary)}.section--secondary{background:var(--color-bg-secondary)}.section--primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-accent) 100%);color:var(--color-text-inverse)}.section--large{padding:var(--spacing-4xl) 0}.section--small{padding:var(--spacing-2xl) 0}.section__header{text-align:center;margin-bottom:var(--spacing-3xl);max-width:800px;margin-left:auto;margin-right:auto}.section__title{font-size:var(--font-size-4xl);font-weight:700;line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.section--primary .section__title{color:var(--color-text-inverse)}.section__subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.section--primary .section__subtitle{color:rgba(255,255,255,.9)}.section__content{position:relative;z-index:2}@media (max-width:768px){.section{padding:var(--spacing-2xl) 0}.section--large{padding:var(--spacing-3xl) 0}.section__title{font-size:var(--font-size-3xl)}.section__subtitle{font-size:var(--font-size-lg)}.section__header{margin-bottom:var(--spacing-2xl)}}@media (max-width:480px){.section__title{font-size:var(--font-size-2xl)}.section__subtitle{font-size:var(--font-size-base)}}.card__link{display:block;transition:all var(--transition-normal)}.card__link,.card__link:hover{text-decoration:none;color:inherit}.card__icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.card__icon .service-icon{display:block;flex-shrink:0}.card__link-text{color:var(--color-primary);font-weight:500;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.card__link-arrow{transition:transform var(--transition-fast)}.card__link:hover .card__link-arrow{transform:translateX(4px)}.footer{background:var(--color-bg-tertiary);color:var(--color-text-primary);padding:var(--spacing-4xl) 0 var(--spacing-xl);border-top:1px solid var(--color-border)}.footer__content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer__title{font-size:var(--font-size-2xl);font-weight:700}.footer__subtitle,.footer__title{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.footer__subtitle{font-size:var(--font-size-lg);font-weight:600}.footer__description{line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.footer__contact,.footer__description{color:var(--color-text-secondary)}.footer__contact p{margin-bottom:var(--spacing-sm)}.footer__contact strong{color:var(--color-text-primary)}.footer__list{list-style:none;padding:0;margin:0}.footer__list li{margin-bottom:var(--spacing-sm)}.footer__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-primary)}.footer__link--small{font-size:var(--font-size-sm)}.footer__social{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.footer__social-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer__social-link:hover{color:var(--color-text-primary)}.footer__social-icon{font-size:var(--font-size-lg)}.footer__bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer__copyright{color:var(--color-text-muted);font-size:var(--font-size-sm)}@media (max-width:768px){.footer__content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center}.footer__social{align-items:center}.footer__bottom{flex-direction:column;text-align:center}}.hero{min-height:100vh;display:flex;padding:var(--spacing-4xl) 0;overflow:hidden}.hero,.hero__content{align-items:center;position:relative}.hero__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-4xl);gap:var(--spacing-4xl);z-index:3}.hero__text{max-width:600px}.hero__subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.hero__actions{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.hero__visual{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.hero__card{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-glass)}.hero__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px 0 rgba(31,38,135,.4)}.hero__card-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.hero__card h3{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.hero__card p{color:var(--color-text-secondary);font-size:var(--font-size-base)}.hero__background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.hero__video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:1}.hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.6));z-index:2}.hero__title{font-size:var(--font-size-5xl);font-weight:700;line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}body:not(.dark-mode) .hero__title{color:#ffffff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}body:not(.dark-mode) .hero__subtitle{color:#f0f0f0;text-shadow:1px 1px 2px rgba(0,0,0,.8)}body:not(.dark-mode) .hero__card{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.2)}body:not(.dark-mode) .hero__card h3{color:#1a1a1a;text-shadow:none}body:not(.dark-mode) .hero__card p{color:#333333;text-shadow:none}@media (max-width:768px){.hero{min-height:80vh;padding:var(--spacing-2xl) 0}.hero__content{grid-template-columns:1fr;gap:var(--spacing-2xl);text-align:center}.hero__title{font-size:var(--font-size-4xl)}.hero__subtitle{font-size:var(--font-size-lg)}.hero__actions{justify-content:center}.hero__visual{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:480px){.hero__title{font-size:var(--font-size-3xl)}.hero__subtitle{font-size:var(--font-size-base)}.hero__actions{flex-direction:column;align-items:center}.hero__visual{grid-template-columns:1fr}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);transition:all var(--transition-normal);box-shadow:var(--shadow-lg)}.header--scrolled{background:var(--color-bg-glass-hover);box-shadow:var(--shadow-xl)}.nav{justify-content:space-between;padding:var(--spacing-md) 0;position:relative}.nav,.nav__logo{display:flex;align-items:center}.nav__logo{gap:var(--spacing-sm);text-decoration:none;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.nav__logo:hover{color:var(--color-primary)}.nav__logo-image{height:50px;width:auto;object-fit:contain}.nav__logo-text{color:var(--color-text-primary);font-weight:700}.nav__list{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-lg)}.nav__list--mobile{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.nav__link{text-decoration:none;color:var(--color-text-primary);font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;font-size:var(--font-size-base)}.nav__link:hover{color:var(--color-primary);background:rgba(37,99,235,.1)}.nav__link--active{color:var(--color-primary);background:rgba(37,99,235,.15);font-weight:700}.nav__link--active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--color-primary);border-radius:1px}.nav__mobile-controls{display:none;align-items:center;gap:var(--spacing-sm)}.nav__dark-toggle{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md)}.nav__dark-toggle--desktop{display:block}.nav__toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);gap:4px}.nav__toggle-line{width:24px;height:2px;background:var(--color-text-primary);border-radius:1px}.nav__mobile{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);transform:translateY(-10px);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.nav__mobile--open{transform:translateY(0);opacity:1;visibility:visible}@media (max-width:768px){.nav__dark-toggle--desktop,.nav__list--desktop{display:none}.nav__mobile-controls,.nav__toggle{display:flex}.nav__logo-image{height:40px}}@media (max-width:480px){.nav__logo-text{display:none}.nav__logo-image{height:35px}}.page-hero__content{text-align:center;max-width:900px;margin:0 auto}.page-hero__title{font-size:var(--font-size-5xl);font-weight:700;color:var(--color-text-inverse);margin-bottom:var(--spacing-lg);line-height:var(--line-height-tight)}.page-hero__subtitle{font-size:var(--font-size-xl);color:rgba(255,255,255,.92);line-height:var(--line-height-relaxed)}.section.page-hero{padding-top:var(--spacing-4xl)}.breadcrumbs{padding:var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);list-style:none;margin:0;padding:0;align-items:center}.breadcrumbs__item:after{content:"/";margin-left:var(--spacing-xs);color:var(--color-text-muted)}.breadcrumbs__item:last-child:after{content:none}.breadcrumbs__link{color:var(--color-primary);text-decoration:none}.breadcrumbs__link:hover{text-decoration:underline}.breadcrumbs__current{color:var(--color-text-primary);font-weight:600}.landing-lead{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:800px;margin:0 auto var(--spacing-2xl);text-align:center}.landing-block{margin-bottom:var(--spacing-2xl)}.landing-block h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.landing-block p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.landing-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}.landing-list li{position:relative;padding-left:1.5rem;color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.landing-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.related-card{display:block;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-bg-glass);border:1px solid var(--color-border);text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-fast)}.related-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.tech-tags,.technologies__list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.tag--large{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.process{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.process__step{text-align:center;padding:var(--spacing-lg)}.process__number{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:var(--spacing-md)}@media (max-width:768px){.process{grid-template-columns:1fr 1fr}.page-hero__title{font-size:var(--font-size-3xl)}}@media (max-width:480px){.process{grid-template-columns:1fr}}.contact-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-2xl);gap:var(--spacing-2xl);align-items:start}.contact-section__benefits{list-style:none;padding:0;margin:var(--spacing-lg) 0}.contact-section__benefits li{padding:var(--spacing-sm) 0 var(--spacing-sm) 1.5rem;position:relative;color:var(--color-text-primary)}.contact-section__benefits li:before{content:"✓";position:absolute;left:0;color:var(--color-primary)}@media (max-width:768px){.contact-section{grid-template-columns:1fr}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1 1;padding-top:72px}