:root{--color-primary: #a0e7c0;--color-primary-light: #c0f0d8;--color-primary-dark: #80d9a8;--color-secondary: #6EE7B7;--color-secondary-light: #a0e7c0;--color-secondary-dark: #50cfA0;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #F0FDF4;--color-gray-100: #DCFCE7;--color-gray-200: #2D4F4F;--color-gray-300: #3D5F5F;--color-gray-400: #5A7F7F;--color-gray-500: #78A5A5;--color-gray-600: #234545;--color-gray-700: #1a3b3f;--color-gray-800: #12292d;--color-gray-900: #0A1515;--color-bg-dark: #1a3b3f;--color-bg-darker: #12292d;--color-bg-card: rgba(26, 59, 63, .8);--color-bg-card-hover: rgba(35, 69, 69, .9);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .2);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .2);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--shadow-glow: 0 0 20px rgba(160, 231, 192, .3);--shadow-glow-lg: 0 0 40px rgba(160, 231, 192, .4);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--container-max-width: 1280px;--container-padding: var(--spacing-lg);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root{--pattern-circuit: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2380d9a8' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}:root{--glass-bg: rgba(26, 59, 63, .7);--glass-border: rgba(160, 231, 192, .2);--glass-blur: blur(10px)}.header{position:fixed;top:0;left:0;right:0;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm);z-index:var(--z-index-sticky);transition:all var(--transition-base)}.header__container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--container-padding);max-width:var(--container-max-width);margin:0 auto}.header__logo-link{display:flex;align-items:center;transition:all var(--transition-base);padding:var(--spacing-xs) 0}.header__logo-link:hover{transform:scale(1.05)}.header__logo-link:hover .header__logo-img{opacity:1;box-shadow:0 6px 16px #a0e7c033}.header__logo-img{height:52px;width:auto;object-fit:contain;opacity:1;transition:all var(--transition-base);border-radius:12px;border:1px solid rgba(160,231,192,.15);box-shadow:0 4px 12px #0006}.header__logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary);text-shadow:var(--shadow-glow);transition:all var(--transition-base);letter-spacing:.05em;font-family:Segoe UI,system-ui,sans-serif}.header__nav{display:flex;gap:var(--spacing-xl)}.header__nav-link{color:var(--color-gray-100);font-weight:var(--font-weight-medium);transition:color var(--transition-base);padding:var(--spacing-sm) 0;position:relative}.footer__description{color:var(--color-gray-100);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.footer__link{color:var(--color-gray-100);text-decoration:none;transition:color var(--transition-base)}.header__nav-link:hover,.header__nav-link--active{color:var(--color-primary);text-shadow:var(--shadow-glow)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-base)}.header__nav-link:hover:after,.header__nav-link--active:after{width:100%}.header__mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);z-index:var(--z-index-fixed)}.header__mobile-toggle-icon{display:block;width:24px;height:2px;background-color:var(--color-gray-800);position:relative;transition:background-color var(--transition-fast)}.header__mobile-toggle-icon:before,.header__mobile-toggle-icon:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--color-gray-800);transition:transform var(--transition-fast)}.header__mobile-toggle-icon:before{top:-8px}.header__mobile-toggle-icon:after{bottom:-8px}.header__mobile-toggle--active .header__mobile-toggle-icon{background-color:transparent}.header__mobile-toggle--active .header__mobile-toggle-icon:before{transform:translateY(8px) rotate(45deg)}.header__mobile-toggle--active .header__mobile-toggle-icon:after{transform:translateY(-8px) rotate(-45deg)}.header__mobile-menu{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background-color:var(--color-white);box-shadow:var(--shadow-2xl);z-index:var(--z-index-modal);transform:translate(100%);transition:transform var(--transition-base);padding:var(--spacing-2xl);display:flex;flex-direction:column}.header__mobile-menu--open{transform:translate(0)}.header__mobile-close{align-self:flex-end;background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--color-gray-100);margin-bottom:var(--spacing-xl)}.header__mobile-nav{display:flex;flex-direction:column;gap:var(--spacing-lg)}.header__mobile-link{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-gray-800);transition:color var(--transition-base)}.header__mobile-link:hover{color:var(--color-primary)}.header__mobile-menu:before{content:"";position:fixed;top:0;left:-100vw;width:100vw;height:100%;background-color:#00000080;opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:-1}.header__mobile-menu--open:before{opacity:1;pointer-events:auto}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a3b3f,#0a1515);background-size:200% 200%;animation:gradient-animation 15s ease infinite;color:var(--color-white);text-align:center;padding:var(--spacing-4xl) var(--container-padding);margin-top:72px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--pattern-circuit);opacity:.4;pointer-events:none}.hero__content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero__title{font-size:3rem;font-weight:var(--font-weight-extrabold);margin-bottom:var(--spacing-xl);color:var(--color-primary);line-height:1;text-shadow:0 0 40px rgba(160,231,192,.6);letter-spacing:.1em;font-family:Segoe UI,system-ui,sans-serif}.hero{position:relative;overflow:hidden}.hero__background-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;max-height:80%;width:auto;height:auto;z-index:0;opacity:.15;mix-blend-mode:screen;pointer-events:none}.hero__content{position:relative;z-index:2}@media (max-width: 768px){.hero__title{font-size:3.5rem}.hero__background-logo{max-width:70%}}.hero__explanation,.hero__subtitle{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2xl);color:#ffffffe6;line-height:var(--line-height-relaxed)}.hero__buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all var(--transition-base);cursor:pointer;text-align:center}.btn--primary{background-color:var(--color-white);color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-gray-100);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--secondary{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn--secondary:hover{background-color:var(--color-white);color:var(--color-primary);transform:translateY(-2px)}.features{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-darker);background-image:var(--pattern-circuit);position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.features__header{text-align:center;margin-bottom:var(--spacing-4xl)}.features__title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--color-primary);text-shadow:var(--shadow-glow)}.features__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-100)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl);margin-top:var(--spacing-3xl)}.feature-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:all var(--transition-base);text-align:center;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:0;transition:opacity var(--transition-base)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),var(--shadow-glow-lg);border-color:var(--color-primary)}.feature-card:hover:before{opacity:1}.feature-card__icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);filter:drop-shadow(0 0 10px var(--color-primary));transition:filter var(--transition-base)}.feature-card:hover .feature-card__icon{filter:drop-shadow(0 0 20px var(--color-primary))}.feature-card__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--color-primary-light)}.feature-card__description{color:var(--color-gray-100);line-height:var(--line-height-relaxed)}.about{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-dark);position:relative}.about:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.about__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-3xl);align-items:center}.about__image{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.about__content h2{margin-bottom:var(--spacing-lg);color:var(--color-primary);text-shadow:var(--shadow-glow)}.about__content p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed);color:var(--color-gray-100)}.about__highlights{margin-top:var(--spacing-lg);display:grid;gap:var(--spacing-sm);width:fit-content;max-width:100%}.about__highlight-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#1a3b3f80;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--color-gray-100)}.about__highlight-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}.projects{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-darker);background-image:var(--pattern-circuit);position:relative}.projects:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.projects__header{text-align:center;margin-bottom:var(--spacing-4xl)}.projects__title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--color-primary);text-shadow:var(--shadow-glow)}.projects__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-100)}.projects__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-2xl)}.project-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;border:1px solid var(--glass-border);display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl),var(--shadow-glow-lg);border-color:var(--color-primary)}.project-card__badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);z-index:1}.project-card__image-container{width:100%;height:200px;overflow:hidden;background-color:var(--color-gray-800);flex-shrink:0}.project-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-card__image{transform:scale(1.1)}.project-card__content{padding:var(--spacing-xl);flex:1;display:flex;flex-direction:column}.project-card__status{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md)}.project-card__status--completed{background-color:#d1fae5;color:#065f46}.project-card__status--in-progress{background-color:#fef3c7;color:#92400e}.project-card__status--planned{background-color:#e0e7ff;color:#3730a3}.project-card__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-primary-light)}.project-card__description{color:var(--color-gray-100);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.project-card__tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.project-card__tag{background:#1a3b3fb3;border:1px solid var(--glass-border);color:var(--color-gray-100);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.project-card__technologies{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;align-items:center;margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.project-card__tech-label{color:var(--color-gray-100);font-weight:var(--font-weight-medium)}.project-card__tech{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.project-card__links{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);margin-top:auto}.project-card__link{flex:1;text-align:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-base)}.project-card__link--demo{background-color:var(--color-primary);color:var(--color-white)}.project-card__link--demo:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.project-card__link--demo-dynamic{animation:pulse-glow 2s infinite;box-shadow:0 0 #a0e7c0b3}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 0 #a0e7c0b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #a0e7c000}to{transform:scale(1);box-shadow:0 0 #a0e7c000}}.project-card__link--demo-dynamic:hover{animation:none;transform:translateY(-2px);background-color:var(--color-primary-dark);box-shadow:var(--shadow-glow-lg)}.project-card__link--github{background-color:var(--color-gray-800);color:var(--color-white)}.project-card__link--github:hover{background-color:var(--color-black);transform:translateY(-2px)}.skills{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-dark);position:relative}.skills:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.skills__header{text-align:center;margin-bottom:var(--spacing-4xl)}.skills__title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--color-primary);text-shadow:var(--shadow-glow)}.skills__subtitle{font-size:var(--font-size-lg);color:var(--color-gray-100)}.skills__categories{display:grid;gap:var(--spacing-3xl)}.skill-category{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.skill-category__title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);color:var(--color-primary-light);text-shadow:var(--shadow-glow)}.skill-category__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.skill-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#1a3b3f80;border:2px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base);text-align:center}.skill-item:hover{transform:translateY(-4px);border-color:var(--color-primary);background:var(--glass-bg);box-shadow:var(--shadow-md),var(--shadow-glow)}.skill-item__icon{font-size:var(--font-size-3xl);filter:drop-shadow(0 0 8px var(--color-primary))}.skill-item__name{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-light);letter-spacing:.05em;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.skill-item__level{font-size:var(--font-size-sm);color:var(--color-secondary);letter-spacing:.2em}.contact{padding:var(--spacing-5xl) 0;background-color:var(--color-bg-darker);background-image:var(--pattern-circuit);position:relative}.contact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.contact__header{text-align:center;margin-bottom:var(--spacing-3xl)}.contact__form{max-width:600px;margin:0 auto;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:var(--spacing-2xl);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg),var(--shadow-glow)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-light)}.form-input,.form-textarea{width:100%;padding:var(--spacing-md);background:#0c222299;border:2px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-100);transition:all var(--transition-base)}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow);outline:none;background:#0c2222cc}.form-textarea{resize:vertical;min-height:120px}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:none}.form-error--visible{display:block}.form-submit{width:100%;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base)}.form-submit:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-input--error,.form-textarea--error{border-color:var(--color-error)}.form-success{background-color:var(--color-success);color:var(--color-white);padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-md);text-align:center;font-weight:var(--font-weight-medium)}.footer{background-color:var(--color-gray-900);color:var(--color-gray-100);padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer__content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer__section h3{color:var(--color-white);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.footer__links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__link{color:var(--color-gray-100);transition:color var(--transition-base)}.footer__link:hover{color:var(--color-white)}.footer__logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin-bottom:var(--spacing-sm)}.footer__description{color:var(--color-gray-100);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.footer__social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-gray-800);color:var(--color-white);border-radius:50%;font-size:var(--font-size-lg);transition:all var(--transition-base)}.footer__social-link:hover{background-color:var(--color-primary);transform:translateY(-2px)}.footer__bottom{border-top:1px solid var(--color-gray-800);padding-top:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;color:var(--color-gray-100)}.footer__copyright{margin:0}.footer__back-to-top{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-base)}.footer__back-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}@media (max-width: 768px){.header__nav{display:none}.header__mobile-toggle{display:block}.hero__title{font-size:var(--font-size-4xl)}.hero__subtitle{font-size:var(--font-size-lg)}.features__grid,.about__container{grid-template-columns:1fr}}