@media(min-width:1024px){header#navigation{padding-left:var(--grid-padding-desktop)!important;padding-right:var(--grid-padding-desktop)!important}footer{padding-left:var(--grid-padding-desktop)!important;padding-right:var(--grid-padding-desktop)!important}}.min-h-screen{overflow-x:hidden;width:100%}:root,[data-palette=default]{--color-navy: #0a192f;--color-cyan: #64ffda;--color-white: #ffffff;--color-gray-light: #8892b0;--color-gray: #495670;--color-slate: #2e3a52;--color-bg-primary: var(--color-navy);--color-bg-secondary: var(--color-slate);--color-text-primary: var(--color-white);--color-text-secondary: var(--color-gray-light);--color-accent: var(--color-cyan);--color-error: #ff6b6b;--color-success: #51cf66;--color-warning: #ffd93d;--color-info: #339af0;--color-bg-primary-light: #f8fafc;--color-bg-secondary-light: #ffffff;--color-text-primary-light: #2d3748;--color-text-secondary-light: #4a5568;--color-accent-light: #00a3c4}[data-palette=default][data-theme=light]{--color-bg-primary: var(--color-bg-primary-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-accent: var(--color-accent-light);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .15), 0 2px 4px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .15), 0 4px 6px -2px rgba(0, 0, 0, .08);--shadow-glow: 0 0 20px rgba(0, 163, 196, .2)}[data-palette=purple]{--color-navy: #1a0b2e;--color-cyan: #6c5ce7;--color-white: #f0f4f8;--color-gray-light: #b8c5d0;--color-gray: #8193a4;--color-slate: #2d1b4e;--color-bg-primary: #1a0b2e;--color-bg-secondary: #2d1b4e;--color-text-primary: #f0f4f8;--color-text-secondary: #b8c5d0;--color-accent: #6c5ce7;--color-error: #ff6b8a;--color-success: #51cf66;--color-warning: #ffd93d;--color-info: #74b9ff;--color-bg-primary-light: #f5f3ff;--color-bg-secondary-light: #ffffff;--color-text-primary-light: #2d1b4e;--color-text-secondary-light: #5a4a7d;--color-accent-light: #6c5ce7}[data-palette=purple][data-theme=light]{--color-bg-primary: var(--color-bg-primary-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-accent: var(--color-accent-light);--shadow-sm: 0 1px 2px 0 rgba(108, 92, 231, .08);--shadow-md: 0 4px 6px -1px rgba(108, 92, 231, .15), 0 2px 4px -1px rgba(108, 92, 231, .1);--shadow-lg: 0 10px 15px -3px rgba(108, 92, 231, .15), 0 4px 6px -2px rgba(108, 92, 231, .08);--shadow-glow: 0 0 20px rgba(108, 92, 231, .3)}[data-palette=emerald]{--color-navy: #0f1419;--color-cyan: #10b981;--color-white: #e6edf3;--color-gray-light: #9ca3af;--color-gray: #6b7280;--color-slate: #1c2531;--color-bg-primary: #0f1419;--color-bg-secondary: #1c2531;--color-text-primary: #e6edf3;--color-text-secondary: #9ca3af;--color-accent: #10b981;--color-error: #f87171;--color-success: #34d399;--color-warning: #fbbf24;--color-info: #60a5fa;--color-bg-primary-light: #f0fdf4;--color-bg-secondary-light: #ffffff;--color-text-primary-light: #1c2531;--color-text-secondary-light: #4b5563;--color-accent-light: #059669}[data-palette=emerald][data-theme=light]{--color-bg-primary: var(--color-bg-primary-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-accent: var(--color-accent-light);--shadow-sm: 0 1px 2px 0 rgba(5, 150, 105, .08);--shadow-md: 0 4px 6px -1px rgba(5, 150, 105, .15), 0 2px 4px -1px rgba(5, 150, 105, .1);--shadow-lg: 0 10px 15px -3px rgba(5, 150, 105, .15), 0 4px 6px -2px rgba(5, 150, 105, .08);--shadow-glow: 0 0 20px rgba(16, 185, 129, .3)}[data-palette=amber]{--color-navy: #0c1e2e;--color-cyan: #f59e0b;--color-white: #f8fafc;--color-gray-light: #cbd5e1;--color-gray: #94a3b8;--color-slate: #1a3447;--color-bg-primary: #0c1e2e;--color-bg-secondary: #1a3447;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-accent: #f59e0b;--color-error: #f87171;--color-success: #34d399;--color-warning: #fbbf24;--color-info: #38bdf8;--color-bg-primary-light: #fef3c7;--color-bg-secondary-light: #ffffff;--color-text-primary-light: #0c1e2e;--color-text-secondary-light: #334155;--color-accent-light: #d97706}[data-palette=amber][data-theme=light]{--color-bg-primary: var(--color-bg-primary-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-accent: var(--color-accent-light);--shadow-sm: 0 1px 2px 0 rgba(217, 119, 6, .08);--shadow-md: 0 4px 6px -1px rgba(217, 119, 6, .15), 0 2px 4px -1px rgba(217, 119, 6, .1);--shadow-lg: 0 10px 15px -3px rgba(217, 119, 6, .15), 0 4px 6px -2px rgba(217, 119, 6, .08);--shadow-glow: 0 0 20px rgba(245, 158, 11, .4)}[data-palette=coral]{--color-navy: #18181b;--color-cyan: #fb7185;--color-white: #fafafa;--color-gray-light: #a1a1aa;--color-gray: #71717a;--color-slate: #27272a;--color-bg-primary: #18181b;--color-bg-secondary: #27272a;--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-accent: #fb7185;--color-error: #fda4af;--color-success: #34d399;--color-warning: #fbbf24;--color-info: #38bdf8;--color-bg-primary-light: #fff1f2;--color-bg-secondary-light: #ffffff;--color-text-primary-light: #18181b;--color-text-secondary-light: #3f3f46;--color-accent-light: #e11d48}[data-palette=coral][data-theme=light]{--color-bg-primary: var(--color-bg-primary-light);--color-bg-secondary: var(--color-bg-secondary-light);--color-text-primary: var(--color-text-primary-light);--color-text-secondary: var(--color-text-secondary-light);--color-accent: var(--color-accent-light);--shadow-sm: 0 1px 2px 0 rgba(225, 29, 72, .08);--shadow-md: 0 4px 6px -1px rgba(225, 29, 72, .15), 0 2px 4px -1px rgba(225, 29, 72, .1);--shadow-lg: 0 10px 15px -3px rgba(225, 29, 72, .15), 0 4px 6px -2px rgba(225, 29, 72, .08);--shadow-glow: 0 0 20px rgba(251, 113, 133, .3)}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--grid-gap: 1.5rem;--grid-max-width: 1400px;--grid-padding-mobile: 1.5rem;--grid-padding-desktop: 2rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(100, 255, 218, .15);--shadow-glow-strong: 0 0 30px rgba(100, 255, 218, .3);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-notification: 800;--z-skip-link: 9999;--transition-fast: .15s;--transition-base: .3s;--transition-slow: .5s;--transition-slower: .7s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;overflow-x:hidden;width:100%}html{overflow-x:hidden;width:100%}ul[role=list],ol[role=list]{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{background:none;border:none;cursor:pointer}a{text-decoration:none;color:inherit}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-accent);transition:color var(--transition-base) var(--ease-out)}a:hover{color:var(--color-white)}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{background:#64ffda1a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-accent)}strong{font-weight:var(--font-bold)}em{font-style:italic}small{font-size:var(--text-sm)}@media(max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}*:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}.skip-link{position:absolute;left:-9999px;top:0;z-index:var(--z-skip-link);padding:var(--space-4) var(--space-6);background:var(--color-cyan);color:var(--color-navy);font-weight:var(--font-bold);text-decoration:none;border-radius:var(--radius-md)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}body.keyboard-navigation *:focus{outline:2px solid var(--color-cyan);outline-offset:4px}@media(prefers-reduced-motion:reduce){.motion-safe-only{animation:none!important;transition:none!important}}@media(prefers-contrast:high){*{border-color:currentColor}}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2)}button,a,input,select,textarea{min-height:44px;min-width:44px}.interactive-group>*+*{margin-left:var(--space-4)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px;border-radius:var(--radius-sm)}.card:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px;box-shadow:0 0 0 4px #64ffda1a}a:not(.btn):not(.contact-social-link):not(.skip-link){text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color var(--transition-base) var(--ease-out)}a:not(.btn):not(.contact-social-link):not(.skip-link):hover{text-decoration-color:currentColor}.card:focus-within{box-shadow:0 0 0 2px #64ffda33}.keyboard-shortcut-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);opacity:0;transition:opacity var(--transition-base) var(--ease-out)}html.show-keyboard-hints *:focus-visible .keyboard-shortcut-hint,html.show-keyboard-hints *:hover .keyboard-shortcut-hint{opacity:1}*:focus-visible .keyboard-shortcut-hint{opacity:1}html{scroll-behavior:smooth;scroll-padding-top:80px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--animation-delay, 0ms)}.animate-on-scroll:nth-child(1){--animation-delay: .1s}.animate-on-scroll:nth-child(2){--animation-delay: .2s}.animate-on-scroll:nth-child(3){--animation-delay: .3s}.animate-on-scroll:nth-child(4){--animation-delay: .4s}.animate-on-scroll:nth-child(5){--animation-delay: .5s}.animate-on-scroll:nth-child(6){--animation-delay: .6s}.animate-on-scroll:nth-child(7){--animation-delay: .7s}.animate-on-scroll:nth-child(8){--animation-delay: .8s}a{transition:color var(--transition-base) var(--ease-out)}a:hover{color:var(--color-accent)}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-sm)}body{animation:fadeIn .3s ease-out}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-on-scroll{opacity:1;transform:none;animation:none}}@media(hover:hover){.card:hover,.btn:hover{will-change:transform,box-shadow}}.gpu-accelerated{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.portfolio-grid{display:grid;gap:var(--grid-gap);max-width:var(--grid-max-width);margin:0 auto;padding:var(--grid-padding-mobile);width:100%;box-sizing:border-box;grid-template-columns:1fr}@media(min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.portfolio-grid{grid-template-columns:repeat(4,1fr);padding:var(--grid-padding-desktop)}}.card--small{grid-column:span 1;grid-row:span 1}.card--medium{grid-column:span 2;grid-row:span 1}.card--large{grid-column:span 2;grid-row:span 2}.card--xl{grid-column:span 4;grid-row:span 2}@media(max-width:767px){.card--small,.card--medium,.card--large,.card--xl{grid-column:span 1}}.card{display:flex;flex-direction:column;position:relative;overflow:hidden;padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base) var(--ease-in-out);will-change:transform,box-shadow;backface-visibility:hidden;perspective:1000px;transform:translateZ(0);opacity:1}.card.animate-on-scroll{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,255,218,.1),transparent);transition:left .5s var(--ease-in-out);z-index:1;pointer-events:none}.card:hover:before{left:100%}.card--small,.card--medium{min-height:300px}.card--large,.card--xl{min-height:400px}@media(max-width:768px){.card--small,.card--medium,.card--large,.card--xl{min-height:auto}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.card-body{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}.card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026,0 0 0 1px #64ffda4d,0 0 20px #64ffda26}.card:focus-within{outline:2px solid var(--color-cyan);outline-offset:4px}.card:active{transform:translateY(-4px) scale(.98)}.card--loading .card-body{animation:shimmer 2s infinite}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.card--error{border:2px solid var(--color-error)}@media(prefers-reduced-motion:reduce){.card,.card:before{transition:none!important;animation:none!important}.card:hover,.card:active{transform:translateZ(0)!important}.card:hover:before{left:-100%}}.skip-links{position:absolute;top:0;left:0;z-index:var(--z-skip-link)}.skip-link{position:absolute;left:-9999px;top:0;z-index:var(--z-skip-link);padding:var(--space-4) var(--space-6);background:var(--color-cyan);color:var(--color-navy);font-weight:var(--font-bold);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base) var(--ease-out)}.skip-link:focus{left:var(--space-4);top:var(--space-4);outline:2px solid var(--color-white);outline-offset:4px}.skip-link:hover{background:var(--color-white)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base) var(--ease-out);min-height:44px;min-width:44px;position:relative;overflow:hidden;will-change:transform,box-shadow;backface-visibility:hidden}.btn--primary{background:var(--color-cyan);color:var(--color-navy)}.btn--primary:hover{background:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 12px #64ffda66}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:transparent;color:var(--color-cyan);border:2px solid var(--color-cyan)}.btn--secondary:hover{background:var(--color-cyan);color:var(--color-navy)}.btn--tertiary{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-gray)}.btn--tertiary:hover{color:var(--color-cyan);border-color:var(--color-cyan)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}.btn--small{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--large{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--icon{padding:var(--space-3);aspect-ratio:1}.btn .ripple{position:absolute;border-radius:50%;background:#ffffff4d;transform:scale(0);animation:ripple-animation .6s ease-out;pointer-events:none;z-index:1000}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.btn--primary:hover,.btn--secondary:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 10px 25px #0003,0 0 15px #64ffda33}.btn--primary:active,.btn--secondary:active,.btn--tertiary:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.btn{transition:none!important}.btn:hover,.btn:active{transform:none!important}.btn .ripple{display:none}}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-gray);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base) var(--ease-out)}.theme-toggle:hover{border-color:var(--color-cyan);transform:scale(1.05)}.theme-toggle:focus-visible{outline:2px solid var(--color-cyan);outline-offset:4px}.theme-toggle__icon{width:20px;height:20px;color:var(--color-text-primary);transition:transform var(--transition-base) var(--ease-out)}.theme-toggle:hover .theme-toggle__icon{transform:rotate(20deg)}.theme-toggle--transitioning .theme-toggle__icon{animation:spin var(--transition-base) var(--ease-out)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.palette-selector{position:relative}.palette-selector-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base) var(--ease-out)}.palette-selector-trigger:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.palette-icon{font-size:var(--text-lg)}.palette-label{display:none}@media(min-width:768px){.palette-label{display:inline}}.palette-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:320px;max-width:90vw;background:var(--color-bg-secondary);border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.palette-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.palette-dropdown-header h3{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.palette-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast) var(--ease-out)}.palette-close:hover{background:#ffffff1a;color:var(--color-text-primary)}.palette-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);max-height:400px;overflow-y:auto}.palette-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base) var(--ease-out);text-align:left;width:100%}.palette-option:hover{background:#ffffff0d;border-color:var(--color-accent)}.palette-option--active{background:#ffffff1a;border-color:var(--color-accent)}.palette-preview{display:flex;gap:4px;flex-shrink:0}.palette-preview-color{width:24px;height:24px;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.2)}.palette-info{flex:1;display:flex;flex-direction:column;gap:2px}.palette-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.palette-description{font-size:var(--text-xs);color:var(--color-text-secondary)}.palette-checkmark{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-navy);border-radius:50%;font-size:var(--text-sm);font-weight:var(--font-bold)}.palette-footer{padding:var(--space-3) var(--space-4);border-top:1px solid rgba(255,255,255,.1);background:#0003}.palette-note{margin:0;font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center}.palette-selector-trigger:focus-visible,.palette-option:focus-visible,.palette-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.palette-dropdown{animation:none}.palette-selector-trigger,.palette-option,.palette-close{transition:none}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:#64ffda1a;z-index:var(--z-fixed);overflow:hidden}.scroll-progress-bar{height:100%;background:var(--color-accent);transition:width .1s ease-out;will-change:width;box-shadow:0 0 10px var(--color-accent)}@media(prefers-reduced-motion:reduce){.scroll-progress-bar{transition:none;width:100%!important;opacity:.3}}.hero-card{display:flex;flex-direction:column;justify-content:center;gap:var(--space-8);padding:var(--space-8)}.hero-content{display:flex;flex-direction:column;gap:var(--space-8)}.hero-text{display:flex;flex-direction:column;gap:var(--space-4)}.hero-name{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);line-height:var(--leading-tight)}.hero-title{display:flex;align-items:center;gap:var(--space-2)}.typed-text{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-accent);line-height:var(--leading-normal);min-height:1.5em;display:inline-flex;align-items:center}.typing-cursor{display:inline-block;width:2px;height:1.2em;background-color:var(--color-accent);margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.hero-location{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-secondary)}.location-icon{font-size:var(--text-lg)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.btn-icon{display:inline-flex;align-items:center;font-size:var(--text-lg)}@media(max-width:768px){.hero-name{font-size:var(--text-3xl)}.typed-text{font-size:var(--text-lg)}.hero-subtitle{font-size:var(--text-base)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}}@media(min-width:1024px){.hero-content{padding:var(--space-8)}.hero-name{font-size:var(--text-5xl)}}@media(prefers-reduced-motion:reduce){.typing-cursor{animation:none;opacity:1}}.about-card{display:flex;flex-direction:column;gap:var(--space-6)}.about-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.badge--available{background:#64ffda1a;color:var(--color-accent);border:1px solid var(--color-cyan)}.badge-icon{font-size:var(--text-base)}.about-content{display:flex;flex-direction:column;gap:var(--space-6)}.about-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.about-highlights{display:flex;gap:var(--space-8);flex-wrap:wrap}.highlight-item{display:flex;flex-direction:column;gap:var(--space-2)}.highlight-icon{font-size:var(--text-3xl);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.highlight-value{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--color-cyan);line-height:1}.highlight-text{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.highlight-label{font-size:var(--text-sm);color:var(--color-text-secondary)}@media(max-width:768px){.about-header{flex-direction:column;align-items:flex-start}.about-highlights{flex-direction:column;gap:var(--space-4)}}.ai-leadership-card{display:flex;flex-direction:column;gap:var(--space-6);height:100%}.section-header{display:flex;align-items:center}.section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.leadership-content{display:flex;flex-direction:column;gap:var(--space-5)}.leadership-intro{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.responsibilities-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.responsibility-item{display:flex;gap:var(--space-3);align-items:flex-start}.check-icon{color:var(--color-cyan);font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0;margin-top:var(--space-1)}.responsibility-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.responsibility-text strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.workshop-list{margin:var(--space-2) 0 0 0;padding-left:var(--space-4);list-style:none;font-size:var(--text-sm);color:var(--color-text-secondary)}.workshop-list li{position:relative;padding-left:var(--space-4);margin-top:var(--space-1-5)}.workshop-list li:before{content:"→";position:absolute;left:0;color:var(--color-cyan);opacity:.7}.certifications{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.certification-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#64ffda1a;border:1px solid var(--color-cyan);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--font-medium);transition:all .3s cubic-bezier(.4,0,.2,1)}.certification-badge:hover{background:#64ffda33;transform:translateY(-2px);box-shadow:0 4px 12px #64ffda4d}@media(max-width:768px){.section-title{font-size:var(--text-xl)}.title-icon{font-size:var(--text-2xl)}.responsibility-text,.workshop-list,.certification-badge{font-size:var(--text-xs)}}.experience-card{display:flex;flex-direction:column;gap:var(--space-8);overflow-y:auto;max-height:600px}.timeline-header{display:flex;align-items:center;gap:var(--space-3)}.timeline-container{position:relative;padding-left:var(--space-8)}.timeline-line{position:absolute;left:16px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#64ffda4d,#64ffda1a);transform-origin:top;transform:scaleY(0);transition:transform .8s cubic-bezier(.4,0,.2,1)}.timeline-container:has(.timeline-visible) .timeline-line{transform:scaleY(1)}.timeline-item{position:relative;padding-bottom:var(--space-12);opacity:0;transform:translate(-20px);transition:all .5s cubic-bezier(.4,0,.2,1)}.timeline-item.timeline-visible{opacity:1;transform:translate(0)}.timeline-item:last-child{padding-bottom:0}.timeline-marker{position:absolute;left:-40px;top:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);z-index:1}.timeline-dot{width:16px;height:16px;border-radius:50%;background:var(--color-cyan);border:3px solid var(--color-bg-primary);box-shadow:0 0 0 4px #64ffda33;transition:all .3s ease;position:relative}.timeline-item--current .timeline-dot{width:20px;height:20px;background:var(--color-accent);box-shadow:0 0 0 6px #64ffda4d,0 0 20px #64ffda80;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeline-date{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;text-align:center;margin-top:var(--space-4);max-width:20px}.timeline-content{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid rgba(100,255,218,.1);transition:all .3s ease;position:relative;z-index:2}.timeline-item--current .timeline-content{background:linear-gradient(135deg,#64ffda0d,#64ffda05);border-color:var(--color-cyan)}.timeline-content:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-cyan)}.company-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid rgba(100,255,218,.1)}.company-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.company-location{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.location-icon{font-size:var(--text-base)}.positions-list{display:flex;flex-direction:column;gap:var(--space-6)}.position-item{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);background:#0000001a;border-radius:var(--radius-md);border-left:3px solid transparent;transition:all .3s ease}.position-item--current{border-left-color:var(--color-accent);background:#64ffda14}.position-item:hover{background:#64ffda1f;transform:translate(4px)}.position-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.position-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.position-period{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-cyan);font-family:var(--font-mono)}.position-achievements{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.position-achievements li{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);padding-left:var(--space-5);position:relative}.position-achievements li:before{content:"▹";position:absolute;left:0;color:var(--color-cyan);font-weight:var(--font-bold)}.position-skills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.skill-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:#64ffda1a;color:var(--color-cyan);border:1px solid rgba(100,255,218,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-mono);transition:all .2s ease}.skill-tag:hover{background:#64ffda33;border-color:var(--color-cyan);transform:translateY(-2px);box-shadow:0 4px 8px #64ffda33}@media(max-width:768px){.experience-card{max-height:none}.timeline-container{padding-left:var(--space-6)}.timeline-marker{left:-32px}.timeline-date{font-size:10px;width:80px}.company-header,.position-header{flex-direction:column;align-items:flex-start}.position-skills{gap:var(--space-1)}}.experience-card::-webkit-scrollbar{width:8px}.experience-card::-webkit-scrollbar-track{background:#64ffda0d;border-radius:var(--radius-sm)}.experience-card::-webkit-scrollbar-thumb{background:#64ffda33;border-radius:var(--radius-sm)}.experience-card::-webkit-scrollbar-thumb:hover{background:#64ffda4d}.projects-card{display:flex;flex-direction:column;gap:var(--space-8)}.projects-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.projects-filter{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-4);background:#64ffda1a;color:var(--color-text-secondary);border:1px solid rgba(100,255,218,.2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-mono);cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#64ffda26;border-color:var(--color-cyan);color:var(--color-text-primary);transform:translateY(-2px)}.filter-btn--active{background:var(--color-cyan);color:var(--color-navy);border-color:var(--color-cyan);font-weight:var(--font-semibold)}.filter-btn:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);margin-top:var(--space-4)}.project-item{display:flex;flex-direction:column;background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(100,255,218,.1);transition:all .3s cubic-bezier(.4,0,.2,1);height:100%}.project-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg),0 0 30px #64ffda33;border-color:var(--color-cyan)}.project-image{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#64ffda1a,#64ffda0d);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-placeholder{font-size:var(--text-6xl);opacity:.3;transition:all .3s ease}.project-item:hover .project-placeholder{transform:scale(1.1);opacity:.5}.project-overlay{position:absolute;top:var(--space-4);right:var(--space-4);z-index:2}.project-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.status-indicator{font-size:var(--text-base)}.project-content{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);flex:1}.project-header{display:flex;flex-direction:column;gap:var(--space-2)}.project-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-tag{display:inline-flex;padding:var(--space-1) var(--space-2);font-size:10px;font-weight:var(--font-semibold);font-family:var(--font-mono);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.project-tag--enterprise{background:#ec48991a;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.project-tag--nda{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.project-tag--production{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.project-tag--public-sector,.project-tag--apis,.project-tag--automation{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.project-tag--iot,.project-tag--real-time,.project-tag--microservices{background:#a855f71a;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.project-description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:#64ffda1a;color:var(--color-cyan);border:1px solid rgba(100,255,218,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);font-family:var(--font-mono);transition:all .2s ease}.tech-tag:hover{background:#64ffda33;border-color:var(--color-cyan);transform:translateY(-2px)}.project-impact{display:flex;flex-wrap:wrap;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(100,255,218,.1);margin-top:auto}.impact-metric{display:flex;flex-direction:column;gap:var(--space-1)}.impact-number{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-cyan);line-height:1}.impact-label{font-size:10px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.project-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(100,255,218,.1);margin-top:var(--space-2);flex-wrap:wrap}.project-role{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary)}.project-period{font-size:var(--text-xs);color:var(--color-text-secondary);font-family:var(--font-mono)}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}}@media(max-width:768px){.projects-header{flex-direction:column;align-items:flex-start}.projects-filter{width:100%;justify-content:flex-start}.projects-grid{grid-template-columns:1fr}.project-image{height:180px}.project-footer{flex-direction:column;align-items:flex-start}}.skills-card{display:flex;flex-direction:column;gap:var(--space-6);height:100%}.skills-header{display:flex;align-items:center;gap:var(--space-3)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.title-icon{font-size:var(--text-3xl)}.skills-categories{display:flex;flex-direction:column;gap:var(--space-8)}.skill-category{display:flex;flex-direction:column;gap:var(--space-4)}.category-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.category-icon{font-size:var(--text-2xl)}.category-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.skills-list{display:flex;flex-direction:column;gap:var(--space-4)}.skill-item{display:flex;flex-direction:column;gap:var(--space-2)}.skill-info{display:flex;justify-content:space-between;align-items:baseline}.skill-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.skill-percentage{font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:var(--font-mono);color:var(--color-cyan)}.skill-bar-container{position:relative;width:100%;height:8px;background:#64ffda1a;border-radius:var(--radius-full);overflow:hidden}.skill-bar{position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,var(--color-cyan),var(--color-accent));border-radius:var(--radius-full);transition:width 1s cubic-bezier(.4,0,.2,1);transition-delay:var(--animation-delay, 0ms)}.skill-bar--animated{width:var(--skill-level)}.skill-item--expert .skill-bar{background:linear-gradient(90deg,var(--color-cyan),var(--color-accent));box-shadow:0 0 10px #64ffda80}.skill-item--advanced .skill-bar{background:linear-gradient(90deg,#64ffdacc,#64ffda99)}.skill-item--intermediate .skill-bar{background:linear-gradient(90deg,#64ffda99,#64ffda66)}.skill-item:hover .skill-bar-container{background:#64ffda26}.skill-item:hover .skill-bar{box-shadow:0 0 15px #64ffda99}@media(max-width:768px){.skills-categories{gap:var(--space-6)}.skill-category{gap:var(--space-3)}.category-title{font-size:var(--text-base)}.skills-list{gap:var(--space-3)}.skill-bar-container{height:6px}}.stats-counter{display:flex;align-items:center;justify-content:center;text-align:center;height:100%}.counter-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.counter-icon{font-size:var(--text-5xl);filter:grayscale(.3);transition:all .3s cubic-bezier(.4,0,.2,1);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stats-counter:hover .counter-icon{filter:grayscale(0);transform:scale(1.1) rotate(5deg);animation-play-state:paused}.counter-content{display:flex;flex-direction:column;gap:var(--space-2)}.counter-value{font-size:var(--text-6xl);font-weight:var(--font-extrabold);color:var(--color-cyan);line-height:1;font-family:var(--font-mono);text-shadow:0 0 20px rgba(100,255,218,.5)}.counter{display:inline-block;min-width:3ch;text-align:center;transition:all .3s ease}.counter-complete{animation:pulse-scale .5s ease-out}@keyframes pulse-scale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.counter-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium);margin:0;text-transform:lowercase}.stats-counter:hover .counter-value{text-shadow:0 0 30px rgba(100,255,218,.8);transform:scale(1.05)}.stats-counter:hover .counter-label{color:var(--color-text-primary)}@media(max-width:768px){.counter-value{font-size:var(--text-5xl)}.counter-icon{font-size:var(--text-4xl)}.counter-label{font-size:var(--text-xs)}}.contact-card{display:flex;flex-direction:column;gap:var(--space-4)}.contact-info{display:flex;flex-direction:column;gap:var(--space-3)}.contact-item,.contact-link{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-normal)}.contact-link{text-decoration:none;transition:color var(--transition-base) var(--ease-out)}.contact-link:hover{color:var(--color-accent)}.contact-link:focus-visible{color:var(--color-accent);outline:2px solid var(--color-cyan);outline-offset:4px;border-radius:var(--radius-sm)}.contact-icon{font-size:var(--text-xl);flex-shrink:0}.contact-social{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.contact-social-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);background-color:#64ffda1a;border:1px solid rgba(100,255,218,.2);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base) var(--ease-out),transform var(--transition-fast) var(--ease-out);cursor:pointer}.contact-social-link:hover{background-color:#64ffda26;border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.contact-social-link:focus-visible{outline:2px solid var(--color-cyan);outline-offset:2px;border-color:var(--color-cyan);background-color:#64ffda26}.contact-social-link:active{transform:translateY(0)}@media(max-width:768px){.contact-social{flex-direction:column}.contact-social-link{width:100%;justify-content:center}}