.navbar{-webkit-backdrop-filter:blur(18px);height:auto;z-index:var(--z-fixed);transition:all var(--transition-base);background:#070b167a;border-bottom:1px solid #0000;padding:1.2rem 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:#070b16d1;border-bottom-color:#94a3b824;padding:.8rem 0;box-shadow:0 12px 36px #02061766}.navbar-container{max-width:var(--container-max-width);padding:0 var(--container-padding);justify-content:space-between;align-items:center;gap:var(--space-2xl);margin:0 auto;display:flex}.navbar-brand{cursor:pointer;min-width:200px;transition:opacity var(--transition-base);flex-shrink:0}.navbar-brand:hover{opacity:.9}.brand-name{font-size:var(--text-xl);letter-spacing:-.04em;color:var(--color-text-primary);margin:0;font-weight:700}.brand-role{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.mobile-menu-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;padding:var(--space-sm);background:#ffffff05;justify-content:center;align-items:center;display:none}.navbar-menu{align-items:center;gap:var(--space-2xl);flex:1;justify-content:space-between;display:flex}.navbar-links{flex-wrap:wrap;align-items:center;gap:.15rem;display:flex}.nav-link{color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);transition:all var(--transition-base);letter-spacing:.02em;padding:.7rem .9rem;font-weight:500;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg, var(--color-accent-primary), var(--color-accent-light));width:0;height:2px;transition:width var(--transition-base);border-radius:999px;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--color-text-primary)}.nav-link:hover:after,.nav-link.active:after{width:60%}.nav-link.active{color:var(--color-accent-primary)}.cv-button{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-light));color:var(--color-bg-primary);font-size:var(--text-sm);white-space:nowrap;transition:all var(--transition-base);border-radius:999px;padding:.8rem 1.2rem;font-weight:700;display:flex;box-shadow:0 12px 28px #7dd3fc42}.cv-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #7dd3fc4d}.cv-button:active{transform:translateY(0)}@media (width<=1024px){.navbar-links{gap:.1rem}.nav-link{padding:.65rem .8rem}}@media (width<=768px){.mobile-menu-btn{display:flex}.navbar-container{gap:var(--space-lg)}.navbar-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--color-border);max-height:0;transition:max-height var(--transition-base), padding var(--transition-base), opacity var(--transition-base);opacity:0;box-shadow:var(--shadow-lg);background:#070b16f5;border-radius:1rem;flex-direction:column;align-items:stretch;gap:0;padding:0 1rem;position:absolute;top:calc(100% + .4rem);left:1rem;right:1rem;overflow:hidden}.navbar-menu.open{opacity:1;max-height:520px;padding:1rem}.navbar-links{flex-direction:column;gap:0;width:100%}.nav-link{border-bottom:1px solid var(--color-border);border-radius:0;width:100%;padding:.8rem .25rem}.nav-link:after{display:none}.nav-link.active{color:var(--color-accent-primary);background:#7dd3fc14;border-radius:.5rem}.cv-button{width:100%;margin-top:var(--space-md);justify-content:center}}@media (width<=480px){.navbar-brand{min-width:auto}.brand-name{font-size:var(--text-lg)}.navbar-container{padding:0 var(--container-padding)}}.hero{background:radial-gradient(circle at 20% 20%,#7dd3fc1f,#0000 30%),radial-gradient(circle at 80% 30%,#8b5cf61f,#0000 28%),linear-gradient(135deg,#00d9ff0a 0%,#0000 52%,#7c3aed0d 100%);justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0%,#7dd3fc0f 50%,#0000 100%);position:absolute;inset:0;transform:translate(-10%)}.hero-container{gap:var(--space-4xl);grid-template-columns:1fr 1fr;align-items:center;width:100%;display:grid}.hero-content{gap:var(--space-2xl);flex-direction:column;display:flex}.hero-eyebrow{font-size:var(--text-sm);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-primary);margin:0;font-weight:600}.hero-heading-wrapper{gap:var(--space-md);flex-direction:column;display:flex}.hero-heading{font-size:var(--text-5xl);letter-spacing:-.02em;color:var(--color-text-tertiary);text-shadow:0 0 30px #7dd3fc14;margin:0;font-weight:400}.hero-name{font-size:var(--text-5xl);letter-spacing:-.02em;background:linear-gradient(135deg, #e2f7ff 0%, var(--color-accent-primary) 25%, var(--color-accent-light) 70%, #fff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700}.hero-role-container{align-items:center;gap:var(--space-md);font-size:var(--text-lg);color:var(--color-text-secondary);display:flex}.hero-role-label{color:var(--color-text-tertiary);font-weight:500}.hero-role{color:var(--color-accent-primary);min-width:200px;font-weight:600;display:inline-block}.hero-description{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:500px;margin:0;line-height:1.7}.hero-buttons{gap:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--text-base);align-items:center;gap:var(--space-sm);white-space:nowrap;transition:all var(--transition-base);cursor:pointer;border:1px solid #0000;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-light));color:var(--color-bg-primary)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00d9ff4d}.btn-secondary{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:0 0}.btn-secondary:hover{background:#00d9ff1a;transform:translateY(-2px)}.btn-tertiary{color:var(--color-text-secondary);border-color:var(--color-border);background:0 0}.btn-tertiary:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:#00d9ff0d}.hero-social{align-items:center;gap:var(--space-xl);display:flex}.social-label{font-size:var(--text-sm);color:var(--color-text-tertiary);white-space:nowrap;margin:0;font-weight:500}.hero-visual{justify-content:center;align-items:center;height:400px;display:flex;position:relative}.profile-photo-wrapper{width:320px;height:320px;transition:all var(--transition-base);background:linear-gradient(135deg,#7dd3fc1f,#8b5cf624);border:1px solid #7dd3fc66;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #7dd3fc1f,0 30px 60px #0f172a85,0 0 80px #4cc9f02e}.profile-photo-wrapper:before{content:"";pointer-events:none;background:linear-gradient(135deg,#7dd3fc29,#0000 45%,#8b5cf629);position:absolute;inset:0}.profile-photo-wrapper:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 0 0 1px #7dd3fc2e,0 32px 70px #0f172a99,0 0 120px #4cc9f038}.profile-photo{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform var(--transition-base);display:block}.profile-photo-wrapper:hover .profile-photo{transform:scale(1.02)}.visual-element{justify-content:center;align-items:center;width:280px;height:280px;display:flex;position:relative}.element-sphere{filter:blur(40px);background:radial-gradient(circle at 30% 30%,#00d9ff66,#7c3aed33);border-radius:50%;width:120px;height:120px;position:absolute}.element-ring{border:2px solid var(--color-accent-primary);opacity:.2;border-radius:50%;width:240px;height:240px;animation:20s linear infinite rotate;position:absolute}.element-dots{width:100%;height:100%;position:absolute}.dot{background:var(--color-accent-primary);opacity:.6;border-radius:50%;width:8px;height:8px;position:absolute}.dot:first-child{animation:3s ease-in-out infinite pulse;top:20px;left:50%;transform:translate(-50%)}.dot:nth-child(2){animation:3s ease-in-out .5s infinite pulse;bottom:20px;right:20px}.dot:nth-child(3){animation:3s ease-in-out 1s infinite pulse;bottom:50px;left:10px}.dot:nth-child(4){animation:3s ease-in-out 1.5s infinite pulse;top:60px;right:30px}.element-lines{width:100%;height:100%;position:absolute}.line{background:linear-gradient(90deg, transparent, var(--color-accent-primary), transparent);opacity:0;position:absolute}.line:first-child{width:200px;height:1px;animation:3s ease-in-out infinite slideIn;top:50%;left:0}.line:nth-child(2){width:1px;height:200px;animation:3s ease-in-out .3s infinite slideIn;top:0;left:50%}.line:nth-child(3){width:140px;height:1px;animation:3s ease-in-out .6s infinite slideIn;bottom:30%;right:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}@keyframes slideIn{0%{opacity:0;transform:scaleX(0)}50%{opacity:.6}to{opacity:0;transform:scaleX(1)}}@media (width<=1024px){.hero-container{gap:var(--space-3xl);grid-template-columns:1fr}.hero-visual{height:300px}.visual-element{width:240px;height:240px}.element-ring{width:200px;height:200px}}@media (width<=768px){.hero{min-height:auto;padding:var(--space-3xl) 0}.hero-heading,.hero-name{font-size:var(--text-4xl)}.hero-description{font-size:var(--text-base)}.hero-buttons{flex-direction:column;align-items:flex-start}.btn{justify-content:center;width:100%}.hero-social{flex-direction:column;align-items:flex-start}.visual-element{width:200px;height:200px}.element-ring{width:160px;height:160px}}@media (width<=480px){.hero-heading,.hero-name{font-size:var(--text-3xl)}.hero-role-container{font-size:var(--text-base)}.hero-role{min-width:150px}.hero-description{font-size:var(--text-sm)}.btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}.hero-visual{height:250px;margin-top:var(--space-2xl)}.visual-element{width:160px;height:160px}.element-ring{width:120px;height:120px}}.about{padding:var(--space-4xl) 0}.about-content{gap:var(--space-3xl);flex-direction:column;display:flex}.about-header{flex-direction:column;align-items:flex-start;display:flex;position:relative}.about-layout{gap:var(--space-3xl);grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;display:grid}.about-description{color:var(--color-text-secondary);max-width:720px;padding-right:var(--space-xl);margin:0;font-size:clamp(1.18rem,2vw,1.65rem);line-height:1.7}.about-details{gap:var(--space-2xl);flex-direction:column;display:flex}.details-grid{gap:var(--space-lg);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-item{gap:var(--space-xs);padding:var(--space-xl);border:1px solid var(--color-border);transition:all var(--transition-base);background:#ffffff04;border-radius:1rem;flex-direction:column;min-height:130px;display:flex;box-shadow:inset 0 1px #ffffff08}.detail-item:hover{border-color:var(--color-border-light);background:#d7b88d0a;transform:translateY(-4px)}.detail-value{color:var(--color-text-primary);font-size:1rem;font-weight:500;line-height:1.6}@media (width<=768px){.about{padding:var(--space-3xl) 0}.about-layout{grid-template-columns:1fr}.about-description{padding-right:0;font-size:1.08rem}.details-grid{gap:var(--space-lg);grid-template-columns:1fr}.detail-item{padding:var(--space-lg)}}@media (width<=480px){.about-description{font-size:.98rem}.detail-item{padding:var(--space-md)}.detail-label{font-size:.65rem}.detail-value{font-size:var(--text-sm)}}.skills{padding:var(--space-4xl) 0}.skills-content{gap:var(--space-3xl);flex-direction:column;display:flex}.skills-header{position:relative}.skills-grid{gap:var(--space-2xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.skill-category{gap:var(--space-lg);padding:var(--space-2xl);border:1px solid var(--color-border);transition:all var(--transition-base);background:linear-gradient(#ffffff05,#ffffff03);border-radius:1.2rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.skill-category:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d7b88d0f,#0000 52%);width:100%;height:100%;position:absolute;inset:0 auto auto 0}.skill-category:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-title{z-index:1;font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:700;position:relative}.skills-list{z-index:1;gap:var(--space-sm);flex-wrap:wrap;display:flex;position:relative}.skill-badge{border:1px solid var(--color-border);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;transition:all var(--transition-base);cursor:default;background:#ffffff05;border-radius:999px;justify-content:center;align-items:center;padding:.72rem .9rem;font-size:.72rem;font-weight:700;display:inline-flex}.skill-badge:hover{border-color:var(--color-border-light);color:var(--color-text-primary);background:#d7b88d14;transform:translateY(-2px)}.skill-badge span{white-space:nowrap}@media (width<=900px){.skills-grid{grid-template-columns:1fr}}@media (width<=768px){.skills{padding:var(--space-3xl) 0}.skill-category{padding:var(--space-xl)}}.education{padding:var(--space-4xl) 0}.education-content{gap:var(--space-3xl);flex-direction:column;display:flex}.education-header{position:relative}.education-timeline{padding:var(--space-2xl) 0 0;position:relative}.timeline-item{gap:var(--space-2xl);grid-template-columns:80px 1fr;animation:.8s ease-out slideInFromLeft;display:grid;position:relative}.timeline-marker{flex-direction:column;align-items:center;display:flex}.marker-dot{background:var(--color-accent-primary);border:3px solid var(--color-bg-primary);z-index:2;border-radius:50%;width:18px;height:18px;position:relative;box-shadow:0 0 0 3px #d7b88d66}.marker-line{background:linear-gradient(180deg, var(--color-accent-primary), transparent);width:1px;margin-top:var(--space-md);flex:1}.timeline-item:last-child .marker-line{display:none}.timeline-content{gap:var(--space-md);padding:var(--space-2xl);border:1px solid var(--color-border);transition:all var(--transition-base);background:#ffffff04;border-radius:1.2rem;flex-direction:column;display:flex}.timeline-content:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md);background:#d7b88d0a;transform:translate(8px)}.degree-title{color:var(--color-text-primary);letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,2vw,2.5rem);font-weight:700}.university-name{font-size:var(--text-lg);color:var(--color-accent-primary);margin:0;font-weight:500}.education-details{gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.detail{gap:var(--space-sm);flex-direction:column;display:flex}.detail-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-tertiary);font-weight:700}.detail-value{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:500}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.education{padding:var(--space-3xl) 0}.timeline-item{gap:var(--space-lg);grid-template-columns:60px 1fr}.timeline-content{padding:var(--space-xl)}.degree-title{font-size:var(--text-xl)}.university-name{font-size:var(--text-base)}.education-details{grid-template-columns:1fr}}@media (width<=480px){.timeline-item{gap:var(--space-md);grid-template-columns:50px 1fr}.timeline-content{padding:var(--space-lg)}.degree-title{font-size:var(--text-lg)}.university-name{font-size:var(--text-sm)}.detail-label{font-size:.65rem}.detail-value{font-size:var(--text-sm)}}.projects{padding:var(--space-4xl) 0}.projects-content{gap:var(--space-3xl);flex-direction:column;display:flex}.projects-header{position:relative}.projects-grid{gap:var(--space-2xl);grid-template-columns:1fr;display:grid}.project-card{border:1px solid var(--color-border);transition:all var(--transition-base);background:linear-gradient(#11151be6,#0c0f12fa);border-radius:1.6rem;flex-direction:column;min-height:360px;padding:clamp(1.35rem,2vw,2rem);display:flex;position:relative;overflow:hidden}.project-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d7b88d1a,#0000 45%,#ffffff05);position:absolute;inset:0}.project-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.project-content{z-index:1;gap:var(--space-lg);flex-direction:column;height:100%;display:flex;position:relative}.project-header{justify-content:space-between;align-items:flex-start;gap:var(--space-lg);display:flex}.project-name{letter-spacing:-.07em;color:var(--color-text-primary);flex:1;margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:700}.project-links{gap:var(--space-md);flex-shrink:0;display:flex}.project-link{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-secondary);transition:all var(--transition-base);background:#ffffff04;border-radius:.9rem;justify-content:center;align-items:center;display:flex}.project-link:hover{color:var(--color-accent-primary);border-color:var(--color-border-light);background:#d7b88d14}.project-description{color:var(--color-text-secondary);flex:1;max-width:62ch;margin:0;font-size:1.08rem;line-height:1.75}.project-tech{gap:var(--space-sm);flex-wrap:wrap;display:flex}.tech-tag{color:var(--color-accent-light);letter-spacing:.08em;text-transform:uppercase;background:#d7b88d14;border:1px solid #d7b88d40;border-radius:999px;align-items:center;padding:.5rem .8rem;font-size:.7rem;font-weight:700;display:inline-flex}.project-footer{gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border);margin-top:auto;display:flex}.project-btn,.project-btn-disabled{align-items:center;gap:var(--space-sm);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-light));color:var(--color-bg-primary);transition:all var(--transition-base);cursor:pointer;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:999px;padding:.85rem 1.35rem;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.project-btn:hover{transform:translateY(-2px);box-shadow:0 18px 30px #d7b88d2e}.project-btn-disabled{color:var(--color-text-tertiary);cursor:default;border:1px solid var(--color-border);text-transform:uppercase;background:#ffffff0a}.project-btn-disabled:hover{box-shadow:none;transform:none}.projects-footer{justify-content:center;gap:var(--space-lg);padding-top:var(--space-2xl);margin-top:var(--space-xl);border-top:1px solid var(--color-border);display:flex}.view-all-btn{color:var(--color-accent-primary);border:1px solid var(--color-border-light);transition:all var(--transition-base);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.view-all-btn:hover{background:#d7b88d0f;transform:translateY(-2px)}@media (width<=768px){.projects{padding:var(--space-3xl) 0}.projects-grid{gap:var(--space-xl)}.project-card{min-height:300px;padding:1.1rem}.project-header{flex-direction:column;align-items:flex-start}.project-links{justify-content:flex-start;width:100%}.project-description{font-size:.98rem}}@media (width<=480px){.project-name{font-size:1.7rem}.project-description{font-size:.92rem}.tech-tag{font-size:.65rem}.project-btn,.project-btn-disabled{padding:.72rem 1rem;font-size:.72rem}}.resume{padding:var(--space-4xl) 0}.resume-content{gap:var(--space-3xl);flex-direction:column;align-items:center;display:flex}.resume-header{text-align:center;width:100%;position:relative}.resume-card{align-items:center;gap:var(--space-2xl);padding:var(--space-3xl);border:1px solid var(--color-border);max-width:760px;transition:all var(--transition-base);text-align:center;background:linear-gradient(135deg,#d7b88d14,#ffffff05);border-radius:1.5rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.resume-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#d7b88d1f,#0000 52%);position:absolute;inset:0}.resume-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-lg)}.resume-icon{z-index:1;background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-light));width:82px;height:82px;color:var(--color-bg-primary);border-radius:1.1rem;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 22px 40px #d7b88d38}.resume-title{z-index:1;color:var(--color-text-primary);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,2.5vw,3rem);font-weight:700;position:relative}.resume-description{z-index:1;font-size:var(--text-lg);color:var(--color-text-secondary);max-width:560px;margin:0;line-height:1.7;position:relative}.resume-actions{z-index:1;gap:var(--space-lg);flex-wrap:wrap;justify-content:center;width:100%;display:flex;position:relative}.resume-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;border:none;border-radius:999px;font-weight:700;display:flex}.resume-btn-primary{background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-light));color:var(--color-bg-primary)}.resume-btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 30px #d7b88d3d}.resume-btn-secondary{color:var(--color-accent-primary);border:1px solid var(--color-border-light);background:0 0}.resume-btn-secondary:hover{background:#d7b88d0f;transform:translateY(-2px)}.resume-note{z-index:1;padding:var(--space-lg);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-primary);font-size:var(--text-sm);color:var(--color-text-tertiary);background:#ffffff05;border-radius:.9rem;width:100%;position:relative}.resume-note p{margin:0}.resume-note code{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-accent-primary);background:#0003}@media (width<=768px){.resume{padding:var(--space-3xl) 0}.resume-card{padding:var(--space-2xl)}.resume-icon{width:64px;height:64px}.resume-title{font-size:var(--text-2xl)}.resume-description{font-size:var(--text-base)}.resume-actions{flex-direction:column}.resume-btn{justify-content:center;width:100%}}@media (width<=480px){.resume-card{padding:var(--space-xl)}.resume-icon{width:56px;height:56px}.resume-title{font-size:var(--text-xl)}.resume-description{font-size:var(--text-sm)}.resume-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}.resume-note{font-size:var(--text-xs)}}.contact{padding:var(--space-4xl) 0}.contact-content{gap:var(--space-3xl);flex-direction:column;display:flex}.contact-header{text-align:center;position:relative}.contact-subtitle{color:var(--color-text-secondary);max-width:660px;margin:var(--space-lg) auto 0;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.75}.contact-layout{gap:var(--space-3xl);grid-template-columns:1.15fr .85fr;align-items:start;display:grid}.contact-form-section{gap:var(--space-xl);flex-direction:column;display:flex}.form-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:600}.contact-form{gap:var(--space-lg);flex-direction:column;display:flex}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-group label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);font-weight:700}.form-group input,.form-group textarea{padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);transition:all var(--transition-base);resize:vertical;background:#ffffff05;border-radius:1rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-border-light);background:#d7b88d0a;outline:none;box-shadow:0 0 0 3px #d7b88d14}.submit-btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-light));color:var(--color-bg-primary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);margin-top:var(--space-md);text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:999px;font-weight:700;display:flex}.submit-btn:hover{transform:translateY(-4px);box-shadow:0 18px 32px #d7b88d33}.submit-btn:active{transform:translateY(-2px)}.success-message{padding:var(--space-lg);color:#90f1b0;font-size:var(--text-sm);text-align:center;background:#22c55e2e;border:1px solid #22c55e80;border-radius:1rem;font-weight:500}.contact-info-section{gap:var(--space-xl);flex-direction:column;display:flex}.info-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin:0;font-weight:600}.contact-methods{gap:var(--space-md);flex-direction:column;display:flex}.contact-method{align-items:center;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border);color:inherit;transition:all var(--transition-base);background:#ffffff05;border-radius:1rem;text-decoration:none;display:flex;position:relative}.contact-method:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md);background:#d7b88d0a}.method-icon{background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-light));width:48px;height:48px;color:var(--color-bg-primary);border-radius:.9rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.method-content{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.method-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-tertiary);font-weight:700}.method-value{font-size:var(--text-base);color:var(--color-text-primary);font-weight:500}.method-arrow{color:var(--color-text-tertiary);opacity:0;transition:all var(--transition-base);transform:translate(0)}.contact-method:hover .method-arrow{opacity:1;transform:translate(4px)}.contact-cta{padding:var(--space-lg);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-primary);background:#d7b88d0a;border-radius:1rem}.contact-cta p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}@media (width<=1024px){.contact-layout{gap:var(--space-2xl);grid-template-columns:1fr}}@media (width<=768px){.contact{padding:var(--space-3xl) 0}.contact-subtitle{font-size:var(--text-base)}.form-title,.info-title{font-size:var(--text-xl)}.method-icon{width:40px;height:40px}.submit-btn{padding:var(--space-sm) var(--space-lg)}}@media (width<=480px){.contact-subtitle{font-size:var(--text-sm)}.form-title,.info-title{font-size:var(--text-lg)}}.contact-method{padding:var(--space-md);gap:var(--space-md)}.method-label{font-size:var(--text-xs)}.method-value{font-size:var(--text-sm)}.submit-btn{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}.footer{border-top:1px solid var(--color-border);padding:var(--space-3xl) 0 var(--space-2xl);background:#0b0c0fe6;margin-top:auto}.footer-content{align-items:center;gap:var(--space-xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2xl);text-align:center;flex-direction:column;display:flex}.footer-main{gap:var(--space-sm);flex-direction:column;display:flex}.footer-brand{font-size:var(--text-xl);color:var(--color-text-primary);margin:0;font-weight:700}.footer-role{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.footer-contact{justify-content:center;align-items:center;display:flex}.footer-email{align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-base);text-decoration:none;display:flex}.footer-email:hover{color:var(--color-accent-primary);gap:var(--space-md)}.footer-social{justify-content:center;display:flex}.social-links{gap:var(--space-md);display:flex}.social-link{border-radius:var(--radius-md);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.social-link:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:#d7b88d14;transform:translateY(-4px)}.footer-bottom{text-align:center;flex-direction:column;align-items:center;display:flex}.footer-copyright{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}@media (width<=768px){.footer{padding:var(--space-2xl) 0 var(--space-xl)}.footer-content{gap:var(--space-lg)}}@media (width<=480px){.footer{padding:var(--space-xl) 0 var(--space-lg)}.footer-content{gap:var(--space-md)}.footer-brand{font-size:var(--text-lg)}.social-links{gap:var(--space-sm)}.social-link{width:36px;height:36px}}:root{--color-bg-primary:#0b0c0f;--color-bg-secondary:#10141a;--color-bg-tertiary:#171c23;--color-text-primary:#f5f1ea;--color-text-secondary:#dcd0c3;--color-text-tertiary:#b9b0a7;--color-accent-primary:#d7b88d;--color-accent-secondary:#9f8664;--color-accent-light:#f2d9ba;--color-border:#d6c4b129;--color-border-light:#d7b88d66;--shadow-sm:0 1px 2px #0000002e;--shadow-md:0 16px 30px #00000038;--shadow-lg:0 26px 50px #00000047;--shadow-xl:0 38px 80px #0000005c;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:2.5rem;--space-3xl:3rem;--space-4xl:4rem;--font-sans:Inter, "Segoe UI", sans-serif;--font-mono:"Fira Code", "Courier New", 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;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1.1rem;--transition-fast:.15s ease;--transition-base:.26s ease;--transition-slow:.52s ease;--container-max-width:1200px;--container-padding:1.5rem;--z-hide:-1;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal:40;--z-popover:50;--z-tooltip:60}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text-primary);line-height:1.6;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:none;background:radial-gradient(circle at 20% 0,#d7b88d1f,#0000 24%),radial-gradient(circle at 80% 20%,#a0825f14,#0000 18%),linear-gradient(#0a0b0e 0%,#0f1217 25%,#0d1117 100%);overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-2;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 35%,#0000 100%);mask-image:radial-gradient(circle,#000 35%,#0000 100%)}body:after{content:"";opacity:.45;mix-blend-mode:soft-light;pointer-events:none;z-index:-1;background-image:radial-gradient(#f5f1ea0b .7px,#0000 .7px);background-size:7px 7px;position:fixed;inset:0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;line-height:1.08}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);margin-bottom:var(--space-lg)}a{color:var(--color-accent-primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-accent-light)}button{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-base);border:none;font-weight:500}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}section{padding:var(--space-4xl) 0;position:relative}section:not(:first-child){border-top:1px solid var(--color-border)}.section-tag{text-transform:uppercase;letter-spacing:.18em;color:var(--color-accent-primary);margin-bottom:var(--space-lg);font-size:.7rem;display:inline-block}.section-heading{letter-spacing:-.08em;color:var(--color-text-primary);margin:0;font-size:clamp(2.3rem,4vw,5rem);font-weight:700;line-height:.96}.heading-accent{background:linear-gradient(90deg, var(--color-accent-primary), transparent);width:76px;height:1px;margin-top:var(--space-lg)}.cursor-dot,.cursor-ring{pointer-events:none;z-index:1000;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:#f5f1eaeb;border-radius:50%;width:8px;height:8px;box-shadow:0 0 16px #d7b88dcc}.cursor-ring{border:1px solid #d7b88d80;border-radius:50%;width:36px;height:36px;transition:width .2s,height .2s,border-color .2s,opacity .2s}.cursor-ring.active{border-color:#f5f1ead9;width:48px;height:48px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=768px){:root{--text-5xl:2.2rem;--text-4xl:1.9rem;--text-3xl:1.5rem;--container-padding:1.1rem}body{cursor:auto}.cursor-dot,.cursor-ring{display:none}}@media (width<=480px){:root{--text-5xl:1.9rem;--text-4xl:1.5rem;--text-3xl:1.3rem;--container-padding:1rem}section{padding:var(--space-3xl) 0}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{border-radius:var(--radius-lg);background:#d6c4b159}::-webkit-scrollbar-thumb:hover{background:#d7b88d99}::selection{color:var(--color-text-primary);background:#d7b88d47}::selection{color:var(--color-text-primary);background:#d7b88d47}