.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);z-index:1000;transition:background var(--transition-base),box-shadow var(--transition-base)}.navbar--scrolled{background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);box-shadow:0 4px 30px #0000004d}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.navbar__logo{font-size:var(--text-lg);font-weight:800;letter-spacing:.05em;color:var(--color-text);transition:color var(--transition-fast)}.navbar__logo span,.navbar__logo:hover{color:var(--color-primary)}.navbar__links{display:flex;align-items:center;gap:var(--space-lg)}.navbar__link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-xs) var(--space-sm);position:relative;transition:color var(--transition-fast)}.navbar__link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base),left var(--transition-base);box-shadow:var(--glow-primary)}.navbar__link:hover,.navbar__link--active{color:var(--color-primary)}.navbar__link--active:after,.navbar__link:hover:after{width:100%;left:0}.navbar__hamburger{display:none;flex-direction:column;gap:5px;padding:var(--space-sm);cursor:pointer;z-index:1001}.navbar__hamburger-line{width:24px;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(2){opacity:0}.navbar__hamburger--open .navbar__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.navbar__hamburger{display:flex}.navbar__links{position:fixed;top:0;right:0;width:280px;height:100vh;flex-direction:column;justify-content:center;gap:var(--space-xl);background:#0a0a0ff7;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-left:1px solid var(--color-border);transform:translate(100%);transition:transform var(--transition-slow)}.navbar__links--open{transform:translate(0)}.navbar__link{font-size:var(--text-md)}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2xl) 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-lg)}.footer__copyright{font-size:var(--text-sm);color:var(--color-text-secondary)}.footer__copyright span{color:var(--color-primary);font-weight:600}.footer__socials{display:flex;align-items:center;gap:var(--space-lg)}.footer__social-link{font-size:var(--text-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-xs);transition:color var(--transition-fast)}.footer__social-link:hover{color:var(--color-primary)}.footer__social-link svg{width:18px;height:18px}@media (max-width: 768px){.footer__inner{flex-direction:column;text-align:center}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--navbar-height) var(--space-xl) var(--space-2xl)}.hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);animation:hero-grid-drift 20s linear infinite}@keyframes hero-grid-drift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.hero__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(0,240,255,.06) 0%,transparent 70%);pointer-events:none}.hero__content{position:relative;z-index:1;text-align:center;max-width:900px}.hero__label{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--color-primary);border:1px solid rgba(0,240,255,.3);padding:var(--space-xs) var(--space-lg);border-radius:100px;margin-bottom:var(--space-xl)}.hero__title{font-size:var(--text-5xl);font-weight:900;line-height:1;margin-bottom:var(--space-lg)}.hero__title-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 50%,var(--color-primary) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 6s ease-in-out infinite}.hero__title-cursor{color:var(--color-primary);font-weight:300;animation:blink 1s step-end infinite;margin-left:2px}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero__subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);font-weight:400;margin-bottom:var(--space-2xl);line-height:1.5}.hero__terminal{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-md);color:var(--color-secondary);background:#12121acc;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);margin-bottom:var(--space-2xl)}.hero__terminal-prompt{color:var(--color-primary);-webkit-user-select:none;user-select:none}.hero__terminal-text{min-width:200px;text-align:left}.hero__terminal-cursor{display:inline-block;width:2px;height:1.2em;background:var(--color-secondary);animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{50%{opacity:0}}.hero__ctas{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-3xl);flex-wrap:wrap}.hero__cta{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-base)}.hero__cta--primary{background:var(--color-primary);color:var(--color-bg);box-shadow:var(--glow-primary)}.hero__cta--primary:hover{box-shadow:var(--glow-primary-strong);transform:translateY(-2px)}.hero__cta--secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.hero__cta--secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.hero__stats{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.hero__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:#12121a99;border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.hero__stat:hover{border-color:#00f0ff4d;box-shadow:var(--glow-primary)}.hero__stat-value{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-mono);color:var(--color-primary)}.hero__stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}@media (max-width: 768px){.hero__stats{gap:var(--space-md)}.hero__stat{padding:var(--space-sm) var(--space-lg)}.hero__terminal{font-size:var(--text-sm)}}@media (max-width: 480px){.hero__ctas{flex-direction:column}.hero__cta{width:100%;justify-content:center}}.about{padding:var(--space-4xl) 0}.about__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-3xl);align-items:center}.about__photo-wrapper{position:relative}.about__photo{width:100%;aspect-ratio:4 / 5;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.about__photo-placeholder{font-size:var(--text-4xl);color:var(--color-border);font-weight:800;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.about__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(0,240,255,.05),transparent 50%);pointer-events:none}.about__photo-accent{position:absolute;bottom:-12px;right:-12px;width:100%;height:100%;border:2px solid var(--color-primary);border-radius:var(--radius-lg);opacity:.15;z-index:-1}.about__text h2{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}.about__bio{font-size:var(--text-md);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-2xl)}.about__bio strong{color:var(--color-text);font-weight:600}.about__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.about__highlight{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);text-align:center;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.about__highlight:hover{border-color:#00f0ff4d;box-shadow:var(--glow-primary)}.about__highlight-number{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-mono);color:var(--color-primary);display:block;margin-bottom:var(--space-xs)}.about__highlight-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em}@media (max-width: 768px){.about__grid{grid-template-columns:1fr;gap:var(--space-2xl)}.about__photo-wrapper{max-width:300px;margin:0 auto}.about__highlights{grid-template-columns:1fr}}.skills{padding:var(--space-4xl) 0}.skills__header{margin-bottom:var(--space-2xl)}.skills__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.skills__item{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.skills__item:hover{border-color:#00f0ff4d;box-shadow:var(--glow-primary);transform:translateY(-2px)}.skills__item-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.skills__number{font-size:var(--text-sm);font-weight:700;font-family:var(--font-mono);color:var(--color-primary);opacity:.6}.skills__title{font-size:var(--text-base);font-weight:700}.skills__tags{display:flex;flex-wrap:wrap;gap:6px}.skills__tag{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--text-xs);font-weight:500;font-family:var(--font-mono);color:var(--color-primary);background:#00f0ff0f;border:1px solid rgba(0,240,255,.15);border-radius:100px;transition:all var(--transition-fast)}.skills__tag:hover{background:#00f0ff1f;border-color:#00f0ff4d}@media (max-width: 1024px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.skills__grid{grid-template-columns:1fr}}.projects{padding:var(--space-4xl) 0}.projects__header{margin-bottom:var(--space-3xl)}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.projects__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);position:relative;overflow:hidden}.projects__card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity var(--transition-base)}.projects__card:hover{transform:translateY(-4px);border-color:#00f0ff40;box-shadow:0 8px 40px #00f0ff14,0 0 60px #00f0ff0a}.projects__card:hover:before{opacity:1}.projects__card-icon{font-size:var(--text-2xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#00f0ff0f;border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.projects__card-title{font-size:var(--text-lg);font-weight:700}.projects__card-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;flex:1}.projects__card-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.projects__card-tag{font-size:var(--text-xs);font-family:var(--font-mono);padding:2px var(--space-sm);color:var(--color-secondary);background:#00ff880f;border:1px solid rgba(0,255,136,.15);border-radius:var(--radius-sm)}.projects__card-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);margin-top:var(--space-sm);transition:gap var(--transition-fast)}.projects__card-link:hover{gap:var(--space-sm)}.projects__card-link svg{width:16px;height:16px}@media (max-width: 768px){.projects__grid{grid-template-columns:1fr}}.dashboard{padding:var(--space-4xl) 0}.dashboard__header{margin-bottom:var(--space-2xl)}.dashboard__live-badge{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-secondary);margin-bottom:var(--space-md)}.dashboard__live-dot{width:8px;height:8px;border-radius:50%;background:var(--color-secondary);box-shadow:0 0 8px var(--color-secondary);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.dashboard__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}.dashboard__metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;overflow:hidden;transition:border-color var(--transition-base)}.dashboard__metric-card:hover{border-color:#00f0ff33}.dashboard__metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.dashboard__metric-card--green:before{background:var(--color-secondary);box-shadow:0 0 10px var(--color-secondary)}.dashboard__metric-card--yellow:before{background:var(--color-warning);box-shadow:0 0 10px var(--color-warning)}.dashboard__metric-card--red:before{background:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}.dashboard__metric-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.dashboard__metric-value{font-size:var(--text-2xl);font-weight:800;font-family:var(--font-mono);color:var(--color-text)}.dashboard__metric-sub{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-xs)}.dashboard__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.dashboard__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.dashboard__panel-title{font-size:var(--text-md);font-weight:700;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.dashboard__services{display:flex;flex-direction:column;gap:var(--space-md)}.dashboard__service{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid rgba(30,30,46,.5)}.dashboard__service:last-child{border-bottom:none}.dashboard__service-name{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:500}.dashboard__service-dot{width:8px;height:8px;border-radius:50%}.dashboard__service-dot--green{background:var(--color-secondary);box-shadow:0 0 6px var(--color-secondary)}.dashboard__service-dot--red{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger)}.dashboard__service-latency{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.dashboard__deploy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.dashboard__deploy-stat{text-align:center;padding:var(--space-md)}.dashboard__deploy-stat-value{font-size:var(--text-xl);font-weight:800;font-family:var(--font-mono);color:var(--color-primary)}.dashboard__deploy-stat-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-xs)}.dashboard__table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dashboard__table-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);font-size:var(--text-md);font-weight:700}.dashboard__table{width:100%;border-collapse:collapse}.dashboard__table th{text-align:left;padding:var(--space-sm) var(--space-xl);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.dashboard__table td{padding:var(--space-sm) var(--space-xl);font-size:var(--text-sm);font-family:var(--font-mono);border-bottom:1px solid rgba(30,30,46,.5)}.dashboard__table tr:last-child td{border-bottom:none}.dashboard__status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600}.dashboard__status-badge--success{color:var(--color-secondary);background:#00ff881a}.dashboard__status-badge--failed{color:var(--color-danger);background:#ff33661a}.dashboard__status-badge--running{color:var(--color-warning);background:#ffaa001a}.dashboard__loading{text-align:center;padding:var(--space-3xl);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-sm)}.dashboard__error{text-align:center;padding:var(--space-2xl);color:var(--color-danger);font-family:var(--font-mono);font-size:var(--text-sm)}@media (max-width: 1024px){.dashboard__metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard__metrics,.dashboard__body,.dashboard__deploy-stats{grid-template-columns:1fr}.dashboard__table{font-size:var(--text-xs)}.dashboard__table th,.dashboard__table td{padding:var(--space-xs) var(--space-md)}}.terminal-section{padding:var(--space-4xl) 0}.terminal-section__header{margin-bottom:var(--space-2xl)}.terminal{background:#0c0c14;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;max-width:900px;margin:0 auto;box-shadow:0 20px 60px #0006}.terminal__titlebar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#12121ae6;border-bottom:1px solid var(--color-border)}.terminal__dot{width:12px;height:12px;border-radius:50%}.terminal__dot--red{background:#ff5f57}.terminal__dot--yellow{background:#febc2e}.terminal__dot--green{background:#28c840}.terminal__titlebar-text{flex:1;text-align:center;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.terminal__body{padding:var(--space-lg);height:450px;overflow-y:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7}.terminal__body::-webkit-scrollbar{width:6px}.terminal__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.terminal__line{margin-bottom:2px;white-space:pre-wrap;word-break:break-word}.terminal__line--input{color:var(--color-text)}.terminal__line--output{color:var(--color-text-secondary)}.terminal__line--success{color:var(--color-secondary)}.terminal__line--error{color:var(--color-danger)}.terminal__line--cyan{color:var(--color-primary)}.terminal__line--bold{font-weight:700;color:var(--color-text)}.terminal__prompt-symbol{color:var(--color-secondary);-webkit-user-select:none;user-select:none}.terminal__prompt-path{color:var(--color-primary);-webkit-user-select:none;user-select:none}.terminal__input-line{display:flex;align-items:center;gap:0}.terminal__input-prefix{white-space:nowrap;-webkit-user-select:none;user-select:none}.terminal__input{flex:1;background:none;border:none;outline:none;color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm);caret-color:var(--color-secondary);padding:0;margin-left:4px}.terminal__input::placeholder{color:#8888aa4d}.terminal__welcome{margin-bottom:var(--space-md);color:var(--color-text-secondary)}.terminal__welcome-title{color:var(--color-primary);font-weight:700;font-size:var(--text-md)}.terminal__neofetch{display:grid;grid-template-columns:auto 1fr;gap:0 var(--space-xl)}.terminal__neofetch-ascii{color:var(--color-primary);white-space:pre;line-height:1.3}.terminal__neofetch-info{display:flex;flex-direction:column;gap:2px}.terminal__neofetch-label{color:var(--color-primary);font-weight:700}@media (max-width: 768px){.terminal__body{height:380px;padding:var(--space-md);font-size:var(--text-xs)}}.architecture{padding:var(--space-4xl) 0}.architecture__header{margin-bottom:var(--space-3xl)}.architecture__diagram{position:relative;max-width:950px;margin:0 auto;overflow-x:auto;padding:var(--space-xl) 0}.architecture__svg{width:100%;min-width:700px;height:auto}.architecture__node{transition:filter var(--transition-base)}.architecture__node-box{fill:var(--color-surface);stroke:var(--color-border);stroke-width:1.5;rx:8;ry:8;transition:stroke var(--transition-base),filter var(--transition-base)}.architecture__node:hover .architecture__node-box{stroke:var(--color-primary);filter:drop-shadow(0 0 12px rgba(0,240,255,.3))}.architecture__node-label{fill:var(--color-text);font-family:var(--font-sans);font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:central}.architecture__node-sublabel{fill:var(--color-text-secondary);font-family:var(--font-mono);font-size:10px;text-anchor:middle;dominant-baseline:central}.architecture__node-icon{fill:var(--color-primary);font-size:22px;text-anchor:middle;dominant-baseline:central}.architecture__connection{stroke:var(--color-border);stroke-width:2;fill:none;stroke-dasharray:8,4}.architecture__flow-dot{fill:var(--color-primary);r:3}.architecture__flow-dot--alt{fill:var(--color-secondary)}@keyframes flow-right{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.architecture__arrow{fill:var(--color-primary)}.architecture__legend{display:flex;justify-content:center;gap:var(--space-xl);margin-top:var(--space-2xl);flex-wrap:wrap}.architecture__legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-secondary)}.architecture__legend-line{width:30px;height:2px;background:var(--color-border);position:relative}.architecture__legend-dot{width:8px;height:8px;border-radius:50%}.architecture__legend-dot--primary{background:var(--color-primary);box-shadow:0 0 6px var(--color-primary)}.architecture__legend-dot--secondary{background:var(--color-secondary);box-shadow:0 0 6px var(--color-secondary)}@media (max-width: 768px){.architecture__diagram{padding:var(--space-md)}}.contact{padding:var(--space-4xl) 0}.contact__header{margin-bottom:var(--space-3xl)}.contact__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-3xl);align-items:start}.contact__form{display:flex;flex-direction:column;gap:var(--space-lg)}.contact__field{display:flex;flex-direction:column;gap:var(--space-sm)}.contact__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.contact__input,.contact__textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.contact__input:focus,.contact__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00f0ff1a,var(--glow-primary)}.contact__input::placeholder,.contact__textarea::placeholder{color:var(--color-text-secondary);opacity:.5}.contact__textarea{resize:vertical;min-height:150px;line-height:1.6}.contact__submit{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:var(--color-primary);color:var(--color-bg);font-size:var(--text-base);font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--glow-primary)}.contact__submit:hover{box-shadow:var(--glow-primary-strong);transform:translateY(-2px)}.contact__submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact__submit svg{width:18px;height:18px}.contact__feedback{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.contact__feedback--success{background:#00ff8814;border:1px solid rgba(0,255,136,.2);color:var(--color-secondary)}.contact__feedback--error{background:#ff336614;border:1px solid rgba(255,51,102,.2);color:var(--color-danger)}.contact__side{display:flex;flex-direction:column;gap:var(--space-xl)}.contact__side-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-sm)}.contact__side-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.contact__direct-links{display:flex;flex-direction:column;gap:var(--space-md)}.contact__direct-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.contact__direct-link:hover{border-color:#00f0ff4d;box-shadow:var(--glow-primary)}.contact__direct-link-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00f0ff0f;border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.contact__direct-link-icon svg{width:20px;height:20px}.contact__direct-link-info{display:flex;flex-direction:column;gap:2px}.contact__direct-link-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em}.contact__direct-link-value{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}@media (max-width: 768px){.contact__grid{grid-template-columns:1fr;gap:var(--space-2xl)}.contact__submit{width:100%;justify-content:center}}:root{--color-bg: #0a0a0f;--color-surface: #12121a;--color-border: #1e1e2e;--color-primary: #00f0ff;--color-secondary: #00ff88;--color-danger: #ff3366;--color-warning: #ffaa00;--color-text: #e0e0e0;--color-text-secondary: #8888aa;--glow-primary: 0 0 20px rgba(0, 240, 255, .3);--glow-secondary: 0 0 20px rgba(0, 255, 136, .3);--glow-danger: 0 0 20px rgba(255, 51, 102, .3);--glow-primary-strong: 0 0 40px rgba(0, 240, 255, .4), 0 0 80px rgba(0, 240, 255, .15);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .3vw, .9rem);--text-base: clamp(.9rem, .85rem + .35vw, 1rem);--text-md: clamp(1rem, .9rem + .5vw, 1.2rem);--text-lg: clamp(1.15rem, 1rem + .7vw, 1.5rem);--text-xl: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);--text-2xl: clamp(1.8rem, 1.4rem + 1.8vw, 2.8rem);--text-3xl: clamp(2.2rem, 1.6rem + 2.5vw, 3.5rem);--text-4xl: clamp(2.8rem, 2rem + 3.5vw, 5rem);--text-5xl: clamp(3.5rem, 2.5rem + 4.5vw, 7rem);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--space-4xl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .4s ease;--container-max: 1200px;--navbar-height: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:var(--navbar-height)}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.1;font-weight:700}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl)}.section{padding:var(--space-4xl) 0;position:relative}.section__label{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:var(--space-md)}.section__title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-lg)}.section__subtitle{font-size:var(--text-md);color:var(--color-text-secondary);max-width:600px;margin-bottom:var(--space-2xl)}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}::selection{background:#00f0ff40;color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}