.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120F17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(.global-border-glow):not(:hover):not(.sweep-active):before,.border-glow-card:not(.global-border-glow):not(:hover):not(.sweep-active):after,.border-glow-card:not(.global-border-glow):not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120F17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:0;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:2;border-radius:inherit}.global-border-glow{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:120;pointer-events:none;background:transparent;border-color:#ffffff14;box-shadow:none}.global-border-glow:before{background:linear-gradient(transparent 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one) border-box,var(--gradient-two) border-box,var(--gradient-three) border-box,var(--gradient-four) border-box,var(--gradient-five) border-box,var(--gradient-six) border-box,var(--gradient-seven) border-box,var(--gradient-base) border-box}.global-border-glow:after,.global-border-glow .border-glow-inner{display:none}.global-border-glow>.edge-light{z-index:1}@media(max-width:640px){.global-border-glow{top:8px;right:8px;bottom:8px;left:8px;border-radius:16px}}.background-video-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 30%,rgba(42,104,148,.22) 0%,transparent 42%),linear-gradient(180deg,#020711,#030914)}.background-video{width:100%;height:100%;object-fit:cover;object-position:center center;opacity:.96;filter:saturate(1.08) contrast(1.08) brightness(1.02)}.background-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 68% 34%,rgba(99,184,224,.08) 0%,transparent 30%),radial-gradient(circle at 18% 18%,rgba(11,31,57,.16) 0%,transparent 34%),linear-gradient(90deg,#0207116b,#0207111f 44%,#02071147),linear-gradient(180deg,#0207111f,#02071142 64%,#02071170)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .4s ease,backdrop-filter .4s ease,box-shadow .4s ease;background:#0207111a}.navbar.scrolled{background:#020812e0;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 1px #b2e3fa14}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:0 40px;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:20px;font-weight:700;letter-spacing:1px;color:#f8f5f1;display:flex;align-items:center;gap:6px;transition:opacity .2s}.navbar-logo:hover{opacity:.8}.logo-dot{width:6px;height:6px;border-radius:50%;background:var(--signature-red);display:inline-block;animation:pulseGlow 2s ease-in-out infinite}.navbar-links{display:flex;gap:6px}.nav-link{font-size:14px;font-weight:400;color:#ffffffa3;padding:8px 16px;border-radius:8px;transition:color .2s,background .2s;letter-spacing:.5px}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:var(--accent-strong);background:var(--accent-glow)}.navbar-cta{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-primary);background:var(--signature-red);padding:10px 20px;border-radius:10px;transition:background .2s,transform .2s}.navbar-cta:hover{background:var(--signature-red-hover);transform:translateY(-1px)}.navbar.scrolled .navbar-logo{color:var(--text-primary)}.navbar.scrolled .nav-link{color:#ffffffb8}.navbar.scrolled .nav-link:hover{color:var(--text-primary);background:#ffffff0f}.hero{position:relative;width:100%;min-height:100svh;display:flex;align-items:stretch;justify-content:center;overflow:hidden;padding:calc(var(--nav-height) + 24px) 24px 28px;background:transparent}.hero,.about,.projects,.strengths,.contact{scroll-margin-top:calc(var(--nav-height) + 16px)}.hero-shell{position:relative;z-index:2;width:min(var(--max-width),100%);display:flex;align-items:center;justify-content:center;margin:0 auto;min-height:calc(100svh - (var(--nav-height) + 52px))}.hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(8px,1vw,18px) 0;max-width:880px}.hero-badge{display:inline-flex;align-items:center;gap:6px;width:fit-content;font-size:12px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--accent-strong);background:#47a0cd1f;border:1px solid rgba(140,214,244,.22);padding:10px 18px;border-radius:999px;margin-bottom:28px}.hero-title{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:clamp(3.4rem,8vw,6rem);font-weight:700;letter-spacing:-.035em;line-height:.95;color:#f8f5f1;margin-bottom:14px;text-wrap:balance}.hero-name{display:inline-block;background:linear-gradient(135deg,#fff 8%,#c7f0fb 46%,#79d6f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-title-sub{display:block;font-size:clamp(1rem,1.3vw,1.25rem);font-weight:400;letter-spacing:.36em;text-transform:uppercase;color:#ffffff85}.hero-tagline{font-size:1.08rem;color:#ffffffc7;line-height:1.75;margin:18px 0 32px;max-width:46rem;text-align:center}.hero-tagline-en{display:inline-block;margin-top:8px;color:#ffffff70;font-size:.93rem;letter-spacing:.08em}.hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.btn-primary{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--signature-red) 0%,#b93d3a 100%);padding:15px 24px;border-radius:14px;box-shadow:0 14px 30px var(--signature-red-glow);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 36px #d84d493d;filter:saturate(1.03)}.btn-ghost{display:inline-flex;align-items:center;font-size:15px;font-weight:500;color:#ffffffd6;padding:15px 24px;border-radius:14px;border:1px solid rgba(174,225,248,.12);background:#06122261;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s ease,background .2s ease,transform .2s ease}.btn-ghost:hover{color:#fff;border-color:#ffffff29;background:#14375257;transform:translateY(-1px)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;width:min(100%,42rem)}.hero-stat{padding:18px 18px 17px;border-radius:18px;background:#0612228a;border:1px solid rgba(174,225,248,.12);box-shadow:0 16px 40px #0000003d}.hero-stat-value{display:block;font-size:clamp(1.18rem,1.6vw,1.5rem);font-weight:700;color:#f8f5f1;line-height:1;letter-spacing:0;margin-bottom:4px;overflow-wrap:anywhere}.hero-stat-label{font-size:.82rem;color:#ffffff7a}.hero-visual{margin:0}.hero-visual-frame{position:relative;width:100%;aspect-ratio:.84;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 48% 30%,rgba(103,191,228,.16) 0%,transparent 36%),linear-gradient(135deg,#081627eb,#040a16f2 52%,#0a1e32e6);border:1px solid rgba(174,225,248,.1);box-shadow:0 26px 68px #00000075,inset 0 1px #ffffff0a}.hero-visual-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 20% 22%,rgba(125,217,247,.1) 0%,transparent 24%),radial-gradient(circle at 78% 68%,rgba(80,150,205,.14) 0%,transparent 34%);pointer-events:none;z-index:1}.hero-visual-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 34%),radial-gradient(circle at 58% 28%,rgba(255,255,255,.1) 0%,transparent 18%);pointer-events:none;opacity:.9}.hero-visual-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.hero-visual-label{position:absolute;top:22px;left:22px;z-index:2;padding:10px 14px;border-radius:999px;color:#ffffffe6;background:#0815248f;border:1px solid rgba(174,225,248,.12);font-size:11px;font-weight:700;letter-spacing:.26em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-visual-note{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:20px;color:#fffc;background:#08152494;border:1px solid rgba(174,225,248,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 30px #0000003d}.hero-visual-note span{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero-scroll{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#ffffff61;animation:float 2s ease-in-out infinite}.about{padding:clamp(76px,8vw,104px) 0 56px;background:transparent}.about-container{max-width:var(--max-width);margin:0 auto;padding:0 40px}.section-header{margin-bottom:56px}.about-grid{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start;margin-bottom:44px}.about-avatar{display:flex;flex-direction:column;align-items:center;gap:20px}.avatar-frame{position:relative;width:200px;height:200px}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#0c1c30f2,#050e1df5 54%,#10263ee6);display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:700;color:#f7f4f1;position:relative;z-index:1;border:2px solid rgba(255,255,255,.08)}.avatar-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid rgba(125,217,247,.24);animation:pulseGlow 3s ease-in-out infinite}.avatar-meta{display:flex;flex-direction:column;align-items:center;gap:4px}.avatar-name{font-size:18px;font-weight:600}.avatar-role{font-size:14px;color:var(--text-secondary)}.avatar-location{font-size:13px;color:var(--text-muted)}.about-info{padding-top:16px}.about-bio{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.about-contact{display:flex;flex-direction:column;gap:10px;margin-top:28px;padding-top:28px;border-top:1px solid var(--border-subtle)}.contact-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.contact-icon{font-size:16px}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--border-subtle);padding-top:38px}.stat-card{display:flex;flex-direction:column;gap:6px;padding:24px;background:#ffffff08;border-radius:12px;border:1px solid var(--border-subtle);transition:border-color .2s,background .2s}.stat-card:hover{border-color:#7dd9f73d;background:#102a425c}.stat-value{font-size:36px;font-weight:700;color:var(--accent);line-height:1;letter-spacing:-1px}.stat-label{font-size:14px;color:var(--text-muted)}.projects{padding:clamp(72px,7vw,92px) 0 104px;background:transparent}.projects-container{max-width:var(--max-width);margin:0 auto;padding:0 40px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.project-card{position:relative;display:flex;min-height:360px;flex-direction:column;padding:24px;border-radius:16px;background:linear-gradient(135deg,rgba(85,181,225,.1) 0%,transparent 38%),linear-gradient(180deg,#0c1f35b8,#050d1bad);border:1px solid rgba(174,225,248,.11);box-shadow:0 14px 28px #0000002e,inset 0 1px #ffffff08;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,rgba(125,217,247,.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 34%);opacity:.12;pointer-events:none}.project-card:hover{transform:translateY(-4px);border-color:#7dd9f742;background:linear-gradient(135deg,rgba(125,217,247,.13) 0%,transparent 38%),linear-gradient(180deg,#112b45c7,#061120b8)}.project-card-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px;position:relative;z-index:1}.project-card-top>div:first-child{display:flex;flex-direction:column;gap:6px;min-width:0;margin-right:auto}.project-index{font-size:11px;font-weight:700;letter-spacing:.32em;color:#ffffff8f}.project-eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff57}.project-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#ffffffd1;background:#7dd9f712;border:1px solid rgba(174,225,248,.14);flex:0 0 auto}.project-title{font-size:28px;font-weight:700;line-height:1.08;letter-spacing:0;color:#f8f5f1;margin-bottom:14px;text-wrap:balance}.project-copy{position:relative;z-index:1}.project-result{color:#ffffffdb;font-size:15px;font-weight:600;line-height:1.55;max-width:32ch;margin-bottom:10px;text-wrap:balance}.project-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;max-width:38ch;text-wrap:pretty}.project-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto;margin-bottom:22px}.project-metric{min-width:0;padding:12px 10px;border-radius:10px;background:#0714249e;border:1px solid rgba(174,225,248,.1)}.project-metric-value{display:block;color:#f8f5f1;font-size:clamp(15px,1vw,18px);font-weight:700;line-height:1.15;white-space:normal;overflow-wrap:anywhere}.project-metric-label{display:block;color:#ffffff7a;font-size:11px;line-height:1.35;margin-top:5px}.project-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.project-tag{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;letter-spacing:.08em;color:#ffffffbd;background:#07142494;border:1px solid rgba(174,225,248,.1)}.project-arrow{color:#ffffff57;transition:transform .2s ease,color .2s ease;flex:0 0 auto}.project-card:hover .project-arrow{color:var(--accent);transform:translate(2px,-2px)}.strengths{padding:clamp(80px,8vw,108px) 0;background:transparent;overflow-x:clip}.strengths-container{max-width:var(--max-width);margin:0 auto;padding:0 40px}.strengths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.strength-card{border-radius:16px;overflow:visible;background:transparent;border:0;cursor:pointer;transition:transform .4s ease}.strength-card:hover{transform:translateY(-4px)}.strength-card>.border-glow-card{width:100%;height:100%}.strength-card .border-glow-inner{min-height:100%}.strength-card .strength-body{flex:1}.strength-visual{position:relative;height:120px;display:flex;align-items:center;justify-content:center;overflow:visible}.strength-visual-decoration{position:absolute;top:0;right:0;bottom:0;left:0}.strength-visual .deco-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px}.strength-visual .deco-orb{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:.15;top:-40px;right:-40px}.strength-visual-icon{position:relative;z-index:1;width:56px;height:56px;border-radius:14px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff}.strength-visual-icon svg{width:26px;height:26px}.strength-body{padding:24px 28px 28px}.strength-title{font-size:17px;font-weight:600;margin-bottom:10px;letter-spacing:-.2px}.strength-desc{font-size:14px;color:var(--text-secondary);line-height:1.7}.contact{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow-x:clip;background:transparent}.contact-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.contact-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 30%,rgba(85,181,225,.13) 0%,transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(16,78,124,.18) 0%,transparent 50%);z-index:0;pointer-events:none}.contact-container{position:relative;z-index:2;max-width:var(--max-width);margin:0 auto;padding:0 40px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh}.contact-content{width:min(100%,760px);padding-top:clamp(72px,8vw,104px);text-align:center}.contact-content>.reveal{display:flex;flex-direction:column;align-items:center}.contact-heading{font-size:48px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin-bottom:20px}.contact-desc{font-size:16px;color:var(--text-secondary);line-height:1.7;margin-bottom:48px;max-width:62ch}.contact-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100%,680px)}.contact-info-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#071323a8;border-radius:12px;border:1px solid var(--border-subtle);transition:border-color .2s,background .2s;text-decoration:none}a.contact-info-item:hover{border-color:#7dd9f738;background:#102b4485}a.contact-info-item:hover .contact-info-arrow{opacity:1;transform:translate(2px,-2px)}.contact-info-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#7dd9f714;color:var(--accent);flex-shrink:0}.contact-info-label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:2px}.contact-info-value{display:block;font-size:15px;font-weight:500}.contact-info-arrow{margin-left:auto;color:var(--text-muted);opacity:0;transition:opacity .2s,transform .2s}.contact-cta-section{margin-top:32px}.contact-cta{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#fff;background:var(--signature-red);padding:16px 32px;border-radius:14px;transition:background .2s,transform .2s;text-decoration:none}.contact-cta:hover{background:var(--signature-red-hover);transform:translateY(-2px)}.contact-socials{display:flex;justify-content:center;gap:12px;margin-top:24px}.contact-social-link{width:44px;height:44px;border-radius:12px;border:1px solid var(--border-subtle);background:#071323a8;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color .2s,border-color .2s,background .2s;text-decoration:none}.contact-social-link:hover{color:var(--accent);border-color:#7dd9f738;background:#102b4485}.contact-footer{width:min(100%,760px);padding:40px 0}.contact-footer-divider{height:1px;background:var(--border-subtle);margin-bottom:24px}.contact-footer-content{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:var(--text-muted)}.contact-sep{color:var(--border-medium)}.nav-link .bracket{opacity:0;font-weight:300;transition:opacity .25s ease,transform .25s ease}.nav-link .bracket-l{transform:translate(6px);margin-right:1px}.nav-link .bracket-r{transform:translate(-6px);margin-left:1px}.nav-link:hover .bracket,.nav-link.active .bracket{opacity:1;transform:translate(0)}.navbar.floating{background:#020812eb;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 1px #7dd9f729,0 8px 40px #0006}.hero-name-gradient{background:linear-gradient(135deg,#ffffff 20%,#c7f0fb 55%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title-sub{font-size:20px;font-weight:300;letter-spacing:6px;text-transform:uppercase;color:#ffffffa8;margin-top:8px;font-family:Inter,monospace}.hero-badge .bracket{color:var(--accent);opacity:.6}.hero-tagline-en{color:#ffffff80;font-size:14px;letter-spacing:1px}@media(max-width:1200px){.hero-shell{grid-template-columns:1fr;gap:24px;min-height:auto;padding-top:16px;padding-bottom:72px}.hero-copy{max-width:100%}.hero-visual-frame{max-width:620px;margin:0 auto}.hero-title{font-size:clamp(3rem,7vw,4.8rem)}.projects-grid{grid-template-columns:1fr}.project-card{min-height:auto}.project-desc,.project-result{max-width:62ch}}@media(max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px}.about-stats,.strengths-grid{grid-template-columns:repeat(2,1fr)}.contact-heading{font-size:36px}.contact-info,.hero-stats{grid-template-columns:1fr}.hero-visual-note{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.navbar-links{display:none}.navbar-inner,.about-container,.projects-container,.strengths-container,.contact-container{padding:0 20px}.strengths-grid,.about-stats{grid-template-columns:1fr}.hero{padding:calc(var(--nav-height) + 18px) 16px 20px}.hero-shell{padding-bottom:64px}.hero-title{font-size:clamp(2.65rem,15vw,3.6rem)}.hero-title-sub{font-size:15px;letter-spacing:.22em}.hero-actions{flex-direction:column;align-items:stretch}.btn-primary,.btn-ghost{justify-content:center}.hero-visual-label,.hero-visual-note{left:16px;right:16px}.hero-visual-label{top:16px}.hero-visual-note{bottom:16px}.section-heading,.contact-heading{font-size:28px}.about{padding-top:72px}.projects{padding:72px 0 88px}.strengths{padding:76px 0 88px}.contact-content{padding-top:72px}.contact-info-item{align-items:flex-start;text-align:left}.contact-info-value{overflow-wrap:anywhere}.project-card{padding:20px}.project-card-top{gap:12px;margin-bottom:22px}.project-title{font-size:24px}.project-metrics{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.background-video{display:none}.background-video-layer{background:radial-gradient(circle at 68% 34%,rgba(38,102,143,.18) 0%,transparent 32%),linear-gradient(180deg,#020711,#06101e)}.reveal,.reveal.visible{opacity:1!important;transform:none!important}.contact-canvas{display:none}.border-glow-card:before,.border-glow-card:after,.edge-light{opacity:0!important}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-qa-reduced-motion] .background-video{display:none}html[data-qa-reduced-motion] .background-video-layer{background:radial-gradient(circle at 68% 34%,rgba(38,102,143,.18) 0%,transparent 32%),linear-gradient(180deg,#020711,#06101e)}html[data-qa-reduced-motion] .reveal,html[data-qa-reduced-motion] .reveal.visible{opacity:1!important;transform:none!important}html[data-qa-reduced-motion] .contact-canvas{display:none}html[data-qa-reduced-motion] .border-glow-card:before,html[data-qa-reduced-motion] .border-glow-card:after,html[data-qa-reduced-motion] .edge-light{opacity:0!important}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#020711;color:#fff;line-height:1.6;overflow-x:hidden}#root{position:relative;min-height:100vh;isolation:isolate}main{position:relative;z-index:1;background:radial-gradient(circle at 18% 10%,rgba(84,174,214,.08) 0%,transparent 26%),radial-gradient(circle at 82% 18%,rgba(190,226,246,.04) 0%,transparent 24%),linear-gradient(180deg,#0207111f,#0207113d 46%,#02071157)}::selection{background:#70caee59;color:#f8fcff}:root{--accent: #7dd9f7;--accent-strong: #b9edf8;--accent-glow: rgba(125, 217, 247, .16);--signature-red: #d84d49;--signature-red-hover: #c43d3a;--signature-red-glow: rgba(216, 77, 73, .2);--bg-primary: #020711;--bg-surface: rgba(5, 14, 28, .72);--bg-card: rgba(8, 19, 35, .78);--bg-card-hover: rgba(11, 29, 50, .84);--text-primary: #f8fcff;--text-secondary: rgba(230, 242, 249, .76);--text-muted: rgba(210, 228, 238, .48);--border-subtle: rgba(170, 220, 245, .12);--border-medium: rgba(180, 230, 250, .2);--max-width: 1700px;--nav-height: 72px}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}img{display:block;max-width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 18px #d84d4924}50%{box-shadow:0 0 34px #d84d4947}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.section-title{font-size:13px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.section-heading{font-size:38px;font-weight:600;letter-spacing:-.5px;line-height:1.2;margin-bottom:24px}.section-sub{color:var(--text-secondary);font-size:16px;max-width:600px;line-height:1.7}.reveal{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}