@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400&display=swap";.navbar{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-sm);padding-bottom:var(--space-sm);padding-inline:clamp(16px,6vw,120px);background:var(--surface-3);border:1px solid var(--border-accent);border-radius:var(--radius-section);box-shadow:0 4px 20px var(--glow-accent-soft);position:sticky;top:10px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;max-width:var(--maximum-width);margin:0 auto 10px}.navbar-logo{height:40px;cursor:pointer;transition:filter .3s ease,transform .3s ease}.navbar-logo:hover{filter:brightness(1.1) drop-shadow(0 0 6px var(--glow-accent-bright));transform:scale(1.05)}.nav-menu{display:flex;align-items:center;gap:var(--space-md);list-style:none;font-family:var(--font-primary);font-weight:500;font-size:var(--font-size-lg)}.nav-menu li{color:var(--text-accent);cursor:pointer;transition:transform .3s ease,text-shadow .3s ease,color .3s ease}.nav-menu li:hover{transform:scale(1.05);color:var(--primary-accent);text-shadow:0 0 12px var(--glow-accent-intense)}.nav-menu li.active a{color:var(--primary-accent);text-shadow:0 0 12px var(--glow-accent-intense);position:relative}.nav-menu li.active a:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--primary-accent);box-shadow:0 0 6px var(--glow-accent-bright)}.anchor-link{text-decoration:none;color:var(--text-accent);transition:color .3s ease,text-shadow .3s ease}.anchor-link:hover{color:var(--primary-accent);text-shadow:0 0 6px var(--glow-accent-bright)}.nav-connect{display:block}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.theme-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-full);border:1px solid var(--border-accent-strong);background:var(--surface-2);color:var(--text-accent);font-family:var(--font-primary);font-size:var(--font-size-sm);text-transform:capitalize;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--border-accent-bright);box-shadow:0 0 10px var(--glow-accent-medium)}.theme-toggle:focus-visible{outline:2px solid var(--primary-accent);outline-offset:2px}.theme-toggle-icon{font-size:14px;line-height:1}.theme-toggle-label{letter-spacing:.3px}.nav-theme-item{display:none}.nav-connect-button{padding:var(--space-sm) var(--space-md);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));color:#fff;border:none;border-radius:var(--radius-section);font-family:var(--font-primary);font-size:var(--font-size-base);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.nav-connect-button:hover{transform:scale(1.05);box-shadow:0 0 12px var(--glow-accent-bright)}.nav-mob-open,.nav-mob-close{display:none;background:none;border:none;cursor:pointer}.nav-mob-open img,.nav-mob-close img{width:30px;height:30px;filter:brightness(1) drop-shadow(0 0 4px var(--glow-accent-medium));transition:filter .3s ease}.nav-mob-open:focus-visible,.nav-mob-close:focus-visible{outline:2px solid var(--primary-accent);outline-offset:2px;border-radius:4px}.nav-mob-open.hidden,.nav-mob-close-item{display:none}@media (max-width: 768px){.navbar{padding:var(--space-sm) 5vw;margin:10px;justify-content:space-between;background:var(--surface-4);box-shadow:0 0 12px var(--glow-accent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.navbar-logo{height:40px}.nav-menu{position:fixed;top:0;transform:translate(100%);width:80vw;max-width:300px;height:100vh;flex-direction:column;align-items:center;gap:var(--space-md);background:var(--surface-3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-left:1px solid var(--border-accent);box-shadow:-4px 0 20px var(--glow-accent-soft);padding:var(--space-md);z-index:var(--z-modal);transition:transform var(--transition-normal) ease;will-change:transform}.nav-menu.open{transform:translate(0)}.nav-menu li{font-size:20px;padding:var(--space-sm) var(--space-xs);width:100%;text-align:center;animation:fadeIn .5s ease-out;animation-fill-mode:backwards}.nav-menu li a{display:block;padding:var(--space-xs);border-radius:var(--radius-sm);transition:background .3s ease}.nav-menu li a:hover,.nav-menu li a:focus-visible{background:var(--accent-surface-strong)}.nav-menu li:nth-child(2){animation-delay:.1s}.nav-menu li:nth-child(3){animation-delay:.2s}.nav-menu li:nth-child(4){animation-delay:.3s}.nav-menu li:nth-child(5){animation-delay:.4s}.nav-mob-close-item{display:block;width:100%}.nav-mob-close{display:block;position:absolute;top:20px;right:20px}.nav-mob-open img,.nav-mob-close img{width:36px;height:36px}.nav-mob-open{display:block}.nav-connect,.nav-actions{display:none}.nav-theme-item{display:block;width:100%}.theme-toggle--menu{width:100%;justify-content:center;background:var(--surface-4)}}.animate{animation:fadeIn 1s ease-out;animation-fill-mode:backwards}@media (max-width: 480px){.navbar-logo{height:36px}.nav-menu{width:90vw;max-width:280px;padding:var(--space-md) var(--space-sm)}.nav-menu li{font-size:var(--font-size-lg)}.nav-mob-open img,.nav-mob-close img{width:30px;height:30px}}@media (prefers-reduced-motion: reduce){.animate,.nav-menu,.nav-menu.open,.navbar-logo,.nav-connect-button{transition:none!important;animation:none!important}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border-radius:var(--radius-section);font-family:var(--font-primary);font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease,background .3s ease}.button--primary{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));color:var(--bg-primary);border:none}.button--primary.button--small{box-shadow:0 0 12px var(--glow-accent-medium)}.button--primary.button--small:hover{transform:scale(1.05);box-shadow:0 0 16px var(--glow-accent-bright);opacity:.95}.button--primary:not(.button--small){box-shadow:0 0 18px var(--glow-accent-strong)}.button--primary:not(.button--small):hover{transform:scale(1.05);box-shadow:0 0 24px var(--glow-accent-intense);opacity:.95}.button--secondary{background:transparent;border:2px solid var(--primary-accent);color:var(--primary-accent);box-shadow:none}.button--secondary:hover{background:var(--accent-surface-strong);color:var(--white);transform:scale(1.05);box-shadow:0 0 20px var(--glow-accent-strong);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.button--glass{background:var(--surface-3);border:1px solid var(--border-accent-bold);color:var(--text-accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 0 12px var(--glow-accent);position:relative;overflow:hidden}.button--glass:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-section);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));opacity:0;transition:opacity .3s ease;z-index:-1}.button--glass:hover:before{opacity:.2}.button--glass:hover{transform:scale(1.05);border-color:var(--border-accent-bright);box-shadow:0 0 16px var(--glow-accent-strong);color:var(--white)}.button--small{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.button--medium{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base)}.button--large{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-lg)}.button-icon{display:flex;align-items:center}.button-icon--left{margin-right:var(--space-xs)}.button-icon--right{margin-left:var(--space-xs)}.button-icon img{width:18px;height:18px}@media (max-width: 768px){.button--small{padding:var(--space-xs) var(--space-sm);font-size:13px}.button--medium{padding:var(--space-xs) var(--space-md);font-size:15px}.button--large{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base)}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:60vh;padding:var(--space-lg) 10vw 0 10vw;margin-top:180px;gap:var(--space-md);background:var(--bg-primary);text-align:center;color:var(--text-accent)}.hero-image{width:160px;height:160px;border-radius:50%;object-fit:cover;margin-top:0;box-shadow:0 0 20px var(--glow-accent-strong);transition:transform .3s ease}.hero-image:hover{transform:scale(1.05)}.hero-title{font-size:56px;font-weight:700;font-family:var(--font-primary);max-width:900px;line-height:1.2;color:var(--text-accent);animation:fadeIn 1s ease-out .2s;animation-fill-mode:backwards}.hero-title span{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{max-width:750px;font-size:22px;line-height:38px;font-family:var(--font-primary);color:var(--text-soft);animation:fadeIn 1s ease-out .4s;animation-fill-mode:backwards}.hero-action{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center;margin-top:var(--space-sm);animation:fadeIn 1s ease-out .6s;animation-fill-mode:backwards}.hero-action .button{border-radius:var(--radius-xxl)}@media (max-width: 768px){.hero{padding:var(--space-sm) 5vw;gap:var(--space-sm);min-height:auto}.hero-image{width:120px;height:120px;margin-top:0;box-shadow:0 0 16px var(--glow-accent-medium),0 0 8px var(--glow-accent) inset;animation:fadeIn .8s ease-out}.hero-title{font-size:32px;width:90%;animation:fadeIn .8s ease-out .2s;animation-fill-mode:backwards}.hero-subtitle{font-size:var(--font-size-lg);line-height:30px;width:90%;animation:fadeIn .8s ease-out .4s;animation-fill-mode:backwards}.hero-action{flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm);animation:fadeIn .8s ease-out .6s;animation-fill-mode:backwards}.hero-action .button-large{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base)}}@media (max-width: 480px){.hero{padding:12px 5vw;gap:var(--space-xs)}.hero-image{width:100px;height:100px;margin-top:0}.hero-title{font-size:28px;line-height:1.3}.hero-subtitle{font-size:var(--font-size-base);line-height:26px}.hero-action{gap:var(--space-xs);margin-bottom:var(--space-xs)}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-lg) 10vw;background:var(--bg-primary);color:var(--text-accent)}.glow-divider{height:2px;width:100%;background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));box-shadow:0 0 10px var(--glow-accent);margin:var(--space-md) 0}.about-title h1{font-size:var(--font-size-heading);font-weight:700;font-family:var(--font-primary);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;animation:fadeIn 1s ease-out}.about-sections{display:flex;gap:var(--space-lg);justify-content:space-between;flex-wrap:wrap;width:100%;max-width:var(--content-max-width)}.about-left{flex:1;display:flex;justify-content:center;align-items:center;min-width:300px}.about-image{width:260px;height:260px;border-radius:50%;object-fit:cover;box-shadow:0 0 30px var(--glow-accent-strong),0 0 10px var(--glow-accent) inset;transition:transform .3s ease;animation:fadeIn 1s ease-out .2s;animation-fill-mode:backwards}.about-image:hover{transform:scale(1.05)}.about-right{flex:2;display:flex;flex-direction:column;gap:var(--space-md);background:var(--surface-1);border:1px solid var(--border-subtle);padding:var(--space-md);border-radius:var(--radius-section);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 25px var(--glow-accent-soft);animation:fadeIn 1s ease-out .4s;animation-fill-mode:backwards}.about-para p{font-size:20px;line-height:1.9;font-family:var(--font-primary);color:var(--text-soft);text-align:justify}.about-skills{display:flex;flex-direction:column;gap:var(--space-sm)}.about-skill{display:flex;align-items:center;gap:var(--space-md)}.about-skill p{min-width:150px;font-size:22px;font-weight:500;color:var(--text-accent);transition:color .3s ease,text-shadow .3s ease}.about-skill:hover p{color:var(--primary-accent);text-shadow:0 0 12px var(--glow-accent-intense)}.skill-bar{height:var(--space-xs);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));border-radius:var(--radius-section);border:none;box-shadow:0 0 10px var(--glow-accent-strong);transition:width .5s ease}.skill-bar--50{width:50%}.skill-bar--60{width:60%}.skill-bar--70{width:70%}.about-achievements{display:flex;justify-content:space-evenly;align-items:center;width:100%;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md)}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);transition:transform .4s ease}.about-achievement:nth-child(1){animation:fadeIn 1s ease-out .6s;animation-fill-mode:backwards}.about-achievement:nth-child(3){animation:fadeIn 1s ease-out .8s;animation-fill-mode:backwards}.about-achievement:nth-child(5){animation:fadeIn 1s ease-out 1s;animation-fill-mode:backwards}.about-achievement h1{font-size:48px;font-weight:700;font-family:var(--font-primary);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.5px var(--text-outline);text-shadow:0 0 12px var(--glow-accent);transition:all .3s ease}.about-achievement p{font-size:var(--font-size-base);font-weight:500;color:var(--text-accent);font-family:var(--font-mono);letter-spacing:1px;transition:color .3s ease}:root[data-theme=light] .about-achievement:hover p{color:var(--text-accent)}.about-achievement:hover{transform:scale(1.1)}.about-achievement:hover h1{text-shadow:0 0 20px var(--glow-accent-strong);transform:scale(1.05)}.about-achievement:hover p{color:var(--white)}.about-achievements hr{height:2px;width:60px;background:linear-gradient(90deg,transparent,var(--primary-accent),transparent);border:none;box-shadow:0 0 10px var(--glow-accent)}@media (max-width: 768px){.about-sections{flex-direction:column;align-items:center;gap:var(--space-md)}.about-title h1{font-size:var(--font-size-heading-mobile)}.about-right{padding:var(--space-sm)}.about-image{width:180px;height:180px}.about-skill p{font-size:var(--font-size-lg);min-width:120px}.about-achievement h1{font-size:36px}.about-achievement p{font-size:var(--font-size-sm)}}.divider-wrapper{display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--bg-primary)}.divider-spacing--none{margin:0}.divider-spacing--small{margin:var(--space-sm) 0}.divider-spacing--default{margin:var(--space-lg) 0}.divider-spacing--large{margin:var(--space-xl) 0}.glow-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--gradient-start) 20%,var(--gradient-end) 80%,transparent 100%);opacity:.8;animation:dividerFadeIn .6s ease-out;will-change:opacity}.divider-width--responsive{width:clamp(60%,80%,var(--content-max-width))}.divider-width--narrow{width:50%}.divider-width--wide{width:90%}.divider-width--full{width:100%}.divider-glow--none{box-shadow:none}.divider-glow--low{box-shadow:0 0 5px var(--glow-accent)}.divider-glow--medium{box-shadow:0 0 10px var(--glow-accent-medium)}.divider-glow--high{box-shadow:0 0 16px var(--glow-accent-bright),0 0 24px var(--glow-accent)}@keyframes dividerFadeIn{0%{opacity:0;transform:scaleX(.8)}to{opacity:.8;transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.glow-divider{animation:none}}.card{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-section);transition:all .35s ease;cursor:pointer;overflow:hidden;height:100%;color:var(--text-accent)}:root[data-theme=light] .card-tech-stack span{color:var(--text-soft-alt)}.card--research{background:var(--surface-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-accent-strong);box-shadow:0 10px 30px var(--glow-accent-soft)}.card--research:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 0 30px var(--glow-accent-medium),0 0 10px var(--border-accent) inset;border-color:var(--primary-accent)}.card--project{background:var(--surface-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-accent-strong);box-shadow:0 4px 20px var(--glow-accent-soft)}.card--project:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 0 30px var(--glow-accent-strong);border-color:var(--primary-accent)}.card-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);box-shadow:0 0 20px var(--glow-accent);transition:transform .3s ease,box-shadow .3s ease}.card-image:hover{transform:scale(1.03);box-shadow:0 0 25px var(--glow-accent)}.card-meta{font-size:var(--font-size-base);font-weight:500;color:var(--text-soft-alt);letter-spacing:1px;font-family:var(--font-mono)}.card-title{font-size:24px;font-weight:700;font-family:var(--font-primary);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.3}.card-description{font-size:var(--font-size-base);line-height:1.7;font-family:var(--font-primary);color:var(--text-soft)}.card-tech-stack{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.card-tech-stack span{background-color:var(--accent-surface-strong);border:1px solid var(--primary-accent);padding:5px 12px;border-radius:var(--radius-full);font-size:13px;color:var(--primary-accent);font-weight:500;font-family:var(--font-primary)}.card .button{margin-top:auto}@media (max-width: 768px){.card-image{height:160px}.card-title{font-size:20px}.card-description,.card-meta{font-size:var(--font-size-sm)}.card-tech-stack span{font-size:12px;padding:4px 10px}}.myprojects{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) 10vw;color:var(--text-accent);font-family:var(--font-primary)}.projects-title{text-align:center;animation:fadeIn 1s ease-out}.projects-title h1{font-size:var(--font-size-heading);font-weight:700;font-family:var(--font-primary);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;animation:fadeIn 1s ease-out}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-md);width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-md);background:var(--surface-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-section);box-shadow:0 0 40px var(--glow-accent-soft);border:1px solid var(--border-subtle)}.projects-container>*{animation:fadeIn .6s ease-out backwards}.projects-show-more{display:flex;justify-content:center;align-items:center;width:100%;margin-top:var(--space-lg)}.projects-show-more .button{min-width:160px;max-width:200px}.projects-show-more .button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.projects-empty{text-align:center;padding:var(--space-xl) var(--space-md);color:var(--text-soft);font-size:var(--font-size-lg);animation:fadeIn .8s ease-out}@media (max-width: 768px){.myprojects{gap:var(--space-md)}.projects-title h1{font-size:var(--font-size-heading-mobile)}.projects-container{gap:var(--space-sm);grid-template-columns:1fr}.projects-empty{font-size:var(--font-size-base);padding:var(--space-lg) var(--space-sm)}.projects-show-more .button{min-width:140px;max-width:180px}}.research{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-lg) 10vw;background:var(--bg-primary);color:var(--text-accent)}.research-title h1{font-size:var(--font-size-heading);font-weight:700;font-family:var(--font-primary);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;animation:fadeIn 1s ease-out}.research-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md);width:100%;max-width:var(--content-max-width);padding:var(--space-md);background:var(--surface-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-section);box-shadow:0 0 40px var(--glow-accent-soft);border:1px solid var(--border-subtle);animation:fadeIn 1s ease-out .2s;animation-fill-mode:backwards}.research-show-more{display:flex;justify-content:center;margin-top:var(--space-lg);width:100%}.research-show-more button{min-width:160px;max-width:200px}.research-show-more button:disabled{opacity:.6;cursor:not-allowed;transform:none}.research-empty{text-align:center;padding:var(--space-xl);color:var(--text-soft);font-size:var(--font-size-lg)}@media (max-width: 768px){.research-title h1{font-size:var(--font-size-heading-mobile)}.research-container{padding:var(--space-sm)}}.contact{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-lg) 10vw;color:var(--text-accent)}.contact-header{text-align:center}.contact-header-title{font-size:var(--font-size-heading);font-weight:700;font-family:var(--font-primary);background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;animation:fadeIn 1s ease-out}.contact-subtitle{font-size:var(--font-size-lg);color:var(--text-soft);max-width:600px;margin-top:var(--space-xs);line-height:1.6;font-family:var(--font-primary)}.contact-section{display:flex;flex-direction:column;gap:var(--space-lg);width:100%;animation:fadeIn 1s ease-out .2s;animation-fill-mode:backwards}@media (min-width: 768px){.contact-section{flex-direction:row;justify-content:space-between;gap:var(--space-lg)}}.contact-right{display:flex;flex-direction:column;gap:var(--space-md);flex:1;padding:var(--space-md);background:var(--surface-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-section);box-shadow:0 0 40px var(--glow-accent-soft);border:1px solid var(--border-subtle);max-width:800px;margin:0 auto;width:100%}.contact-right form{display:flex;flex-direction:column;gap:var(--space-md)}.contact-right label{color:var(--text-accent);font-size:var(--font-size-lg);font-weight:600;font-family:var(--font-primary)}.contact-right input,.contact-right textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-section);padding:var(--space-sm);background:var(--surface-1);color:var(--text-accent);font-size:var(--font-size-base);font-family:var(--font-primary);outline:none;transition:border .3s,box-shadow .3s}.form-error{color:var(--primary-accent);background:var(--accent-surface-soft);padding:6px 10px;border-radius:var(--radius-sm);font-size:13px;margin-top:var(--space-xs)}.form-success{color:var(--primary-accent);background:var(--accent-surface);padding:16px 20px;border-radius:var(--radius-section);font-size:var(--font-size-base);font-weight:600;margin-top:var(--space-md);text-align:center;animation:fadeIn .4s ease-out;border:1px solid var(--accent-border)}.contact-right input::placeholder,.contact-right textarea::placeholder{color:var(--text-soft);font-style:italic}.contact-right input:focus,.contact-right textarea:focus{border:1px solid var(--primary-accent);box-shadow:0 0 8px var(--glow-accent-strong)}.contact-right input[aria-invalid=true],.contact-right textarea[aria-invalid=true]{border:1px solid var(--color-error);box-shadow:0 0 6px var(--error-glow)}.contact-right textarea{resize:vertical;min-height:120px}.contact-form-container{width:100%;max-width:1100px;margin:0 auto}.contact-form-container form{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.form-field label{display:block;margin-bottom:var(--space-xs)}.required-indicator{color:var(--primary-accent);font-weight:700;margin-left:2px}.label-with-counter{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.character-counter{font-size:13px;color:var(--text-soft);font-weight:400}.form-field input,.form-field textarea{width:100%;box-sizing:border-box}@media (min-width: 768px){.contact-form-container form{grid-template-columns:repeat(3,1fr)}.form-field--message,.form-field--submit{grid-column:1 / -1}.form-field--submit{display:flex;justify-content:center}.form-field--submit .button,.form-field--submit button{width:60%;max-width:480px}}@media (min-width: 1200px){.contact-form-container form{grid-template-columns:repeat(3,1fr)}.form-field--message,.form-field--submit{grid-column:1 / -1}.form-field--submit{display:flex;justify-content:center}.form-field--submit .button,.form-field--submit button{width:50%;max-width:540px}}@media (max-width: 768px){.contact-header-title{font-size:var(--font-size-heading-mobile)}.contact-subtitle{font-size:var(--font-size-base)}.contact-details{gap:var(--space-lg)}.contact-detail p,.contact-detail a,.contact-socials-label{font-size:var(--font-size-base)}.contact-socials img{width:24px;height:24px}.contact-right label{font-size:var(--font-size-base)}.contact-right input,.contact-right textarea{font-size:var(--font-size-sm)}}.footer{display:flex;justify-content:center;align-items:center;padding-block:var(--space-lg);padding-inline:clamp(16px,6vw,120px);color:var(--text-accent);font-family:var(--font-primary);max-width:var(--maximum-width);margin:0 auto 10px;background:var(--surface-1);border-top:1px solid var(--border-accent);box-shadow:0 0 20px var(--glow-accent-soft);border-radius:var(--radius-section)}.footer-bottom{font-size:var(--font-size-sm);text-align:center;color:var(--text-soft);animation:fadeIn 1s ease-out}.footer-bottom-text{margin:0}.footer-made-with{margin:0;color:var(--text-soft);font-size:var(--font-size-sm);font-family:var(--font-primary);text-align:center}.footer-bottom-content{display:flex;align-items:center;gap:var(--space-md);width:100%;flex-direction:column}@media (min-width: 768px){.footer-bottom-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);width:100%}.footer-socials{justify-self:start}.footer-bottom-text{justify-self:center;margin:0}.footer-made-with{justify-self:end;margin:0;text-align:right}}@media (max-width: 767px){.footer-bottom-content{flex-direction:column;gap:var(--space-sm)}.footer-socials,.footer-bottom-text,.footer-made-with{text-align:center;margin:0}}.footer-socials-wrapper{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-socials{display:flex;gap:var(--space-md)}.footer-socials a{display:flex;align-items:center}.footer-socials img{width:28px;height:28px;filter:brightness(.9);transition:filter .3s ease,transform .3s ease}.footer-socials img:hover{filter:brightness(1) drop-shadow(0 0 4px var(--glow-accent-intense));transform:scale(1.1)}.footer-socials a:focus-visible{outline:2px solid var(--primary-accent);outline-offset:4px;border-radius:6px}@media (prefers-reduced-motion: reduce){.footer-bottom,.footer-bottom-content,.footer-socials img{transition:none!important;animation:none!important}}@media (max-width: 768px){.footer-bottom{font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-accent)}:root{--primary-accent: #39FF14;--gradient-start: #8FFF52;--gradient-end: #4CFAC8;--text-accent: #D3D3D3;--text-soft: #B0B0B0;--text-soft-alt: #B0FFBC;--bg-primary: #0A0F1C;--bg-secondary: #05070E;--bg-tertiary: #1c1c1c;--white: #FFFFFF;--color-error: #ff4444;--text-primary: var(--white);--text-muted: var(--text-soft);--text-inverse: var(--bg-primary);--surface-0: var(--bg-primary);--surface-1: rgba(255, 255, 255, .02);--surface-2: rgba(255, 255, 255, .03);--surface-3: rgba(255, 255, 255, .05);--surface-4: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .1);--border-accent: rgba(111, 255, 82, .1);--border-accent-strong: rgba(111, 255, 82, .2);--border-accent-bold: rgba(111, 255, 82, .3);--border-accent-bright: rgba(111, 255, 82, .6);--glow-accent: rgba(111, 255, 82, .2);--glow-accent-medium: rgba(111, 255, 82, .3);--glow-accent-strong: rgba(111, 255, 82, .4);--glow-accent-bright: rgba(111, 255, 82, .5);--glow-accent-intense: rgba(111, 255, 82, .6);--glow-accent-soft: rgba(111, 255, 82, .05);--accent-surface-soft: rgba(57, 255, 20, .04);--accent-surface: rgba(57, 255, 20, .08);--accent-surface-strong: rgba(57, 255, 20, .1);--accent-border: rgba(57, 255, 20, .2);--error-glow: rgba(255, 68, 68, .3);--text-outline: rgba(255, 255, 255, .2);--primary-accent-light: rgba(57, 255, 20, .2);--primary-accent-dark: rgba(57, 255, 20, .8);--text-accent-muted: rgba(211, 211, 211, .6);--font-primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Roboto Mono", monospace;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-heading: 64px;--font-size-heading-mobile: 40px;--font-weight-regular: 400;--font-weight-bold: 700;--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 40px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-section: 24px;--radius-full: 50px;--radius-xxl: 100px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 100;--z-modal: 1000;--z-tooltip: 1100;--content-max-width: 1200px;--breakpoint-xl: 1200px;--breakpoint-lg: 1024px;--breakpoint-md: 768px;--breakpoint-sm: 480px;--maximum-width: 1440px}:root[data-theme=light]{--bg-primary: #F2F6FD;--bg-secondary: #E4ECF7;--bg-tertiary: #FFFFFF;--text-accent: #0A0F1C;--text-soft: #556275;--text-soft-alt: #0F3D1E;--white: #FFFFFF;--dark: #0A0F1C;--primary-accent: #2BEA10;--gradient-start: #2BEA10;--gradient-end: #00A8A8;--text-primary: var(--text-accent);--text-muted: var(--text-soft);--text-inverse: #FFFFFF;--surface-0: var(--bg-primary);--surface-1: rgba(10, 15, 28, .02);--surface-2: rgba(10, 15, 28, .04);--surface-3: rgba(10, 15, 28, .06);--surface-4: rgba(10, 15, 28, .1);--border-subtle: rgba(10, 15, 28, .08);--border-strong: rgba(10, 15, 28, .16);--border-accent: rgba(57, 255, 20, .2);--border-accent-strong: rgba(57, 255, 20, .3);--border-accent-bold: rgba(57, 255, 20, .4);--border-accent-bright: rgba(57, 255, 20, .6);--glow-accent: rgba(57, 255, 20, .15);--glow-accent-medium: rgba(57, 255, 20, .25);--glow-accent-strong: rgba(57, 255, 20, .3);--glow-accent-bright: rgba(57, 255, 20, .4);--glow-accent-intense: rgba(57, 255, 20, .5);--glow-accent-soft: rgba(57, 255, 20, .05);--accent-surface-soft: rgba(57, 255, 20, .05);--accent-surface: rgba(57, 255, 20, .1);--accent-surface-strong: rgba(57, 255, 20, .15);--accent-border: rgba(57, 255, 20, .25);--error-glow: rgba(255, 68, 68, .25);--text-outline: rgba(10, 15, 28, .2)}body{background-color:var(--bg-primary);color:var(--white);font-family:var(--font-primary);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:700;color:var(--white);margin:0}p{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--text-soft);margin:0}#root{min-height:100vh;display:flex;flex-direction:column}*:focus-visible{outline:2px solid var(--primary-accent);outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}