:root{--bg:#050508;--bg-2:#0a0a12;--bg-3:#0e0e1a;--bg-card:#0e0e1ab3;--bg-card-hover:#141424d9;--white:#fff;--white-90:#ffffffe6;--white-75:#ffffffbf;--white-60:#fff9;--white-30:#ffffff4d;--white-10:#ffffff14;--white-05:#ffffff0a;--blue:#2a7fff;--blue-bright:#4da3ff;--blue-cyan:#38bdf8;--blue-dim:#2a7fff26;--blue-dimmer:#2a7fff14;--blue-glow:#2a7fff66;--blue-border:#2a7fff40;--blue-border-hover:#4da3ff99;--accent-line:1px solid var(--blue-border);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-main:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--nav-h:70px;--section-pad:120px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--bg);color:var(--white);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.7;overflow-x:hidden}a{color:inherit;cursor:pointer;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}::selection{background:var(--blue);color:var(--white)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--blue-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue-bright)}.app-container{background:var(--bg);min-height:100vh;position:relative}section{padding:var(--section-pad) 0;position:relative}.section-inner{max-width:1240px;margin:0 auto;padding:0 32px}.section-label{align-items:center;gap:16px;margin-bottom:24px;display:flex}.label-line{background:linear-gradient(90deg, var(--blue-bright), transparent);transform-origin:0;width:40px;height:2px;display:block}.label-text{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--blue-bright);font-size:.78rem;font-weight:700}.section-title{letter-spacing:-.025em;color:var(--white);margin-bottom:56px;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:700;line-height:1.1}.section-title.centered{text-align:center}.btn-primary{background:var(--blue);color:var(--white);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:10px;padding:14px 30px;font-size:.88rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2a7fff40}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#0000 40%,#ffffff40);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{background:var(--blue-bright);box-shadow:0 8px 30px var(--blue-glow);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--blue-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--white-90);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);background:#2a7fff08;justify-content:center;align-items:center;gap:10px;padding:14px 30px;font-size:.88rem;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-secondary:hover{border-color:var(--blue-bright);color:var(--white);background:var(--blue-dim);box-shadow:0 0 24px var(--blue-dim);transform:translateY(-2px)}.toast-notice{z-index:2000;background:var(--bg-3);border:1px solid var(--blue);box-shadow:0 8px 30px var(--blue-glow);color:var(--white);border-radius:var(--radius-md);font-family:var(--font-mono);align-items:center;gap:12px;padding:12px 20px;font-size:.85rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideToastIn;display:flex;position:fixed;bottom:28px;right:28px}@keyframes slideToastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;will-change:opacity, transform;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translate(-35px)}.reveal-left.is-visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;will-change:opacity, transform;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translate(35px)}.reveal-right.is-visible{opacity:1;transform:translate(0)}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}.delay-5{transition-delay:.4s}.delay-6{transition-delay:.48s}#navbar{height:var(--nav-h);z-index:1000;border-bottom:1px solid #0000;transition:all .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;right:0}#navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--blue-border);background:#050508d9;box-shadow:0 4px 30px #0009}.nav-inner{justify-content:space-between;align-items:center;max-width:1240px;height:100%;margin:0 auto;padding:0 32px;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--white);letter-spacing:.1em;border:1px solid var(--blue-border);border-radius:var(--radius-sm);background:#2a7fff0d;align-items:center;gap:8px;padding:6px 14px;font-size:1.15rem;font-weight:700;transition:all .3s;display:flex}.nav-logo-dot{background:var(--blue-bright);width:6px;height:6px;box-shadow:0 0 8px var(--blue-glow);border-radius:50%}.nav-logo:hover{border-color:var(--blue);color:var(--blue-bright);box-shadow:0 0 20px var(--blue-glow);background:var(--blue-dim)}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{letter-spacing:.14em;text-transform:uppercase;color:var(--white-60);padding:4px 0;font-size:.82rem;font-weight:500;transition:color .25s;position:relative}.nav-links a:after{content:"";background:var(--blue-bright);width:0;height:2px;box-shadow:0 0 8px var(--blue-glow);transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover,.nav-links a.active{color:var(--white)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-progress-bar{transform-origin:0;z-index:101;pointer-events:none;background:linear-gradient(90deg,#2a7fff 0%,#00d2ff 50%,#863bff 100%);width:100%;height:2px;position:absolute;bottom:0;left:0;transform:scaleX(0);box-shadow:0 0 10px #00d2ff99}.nav-actions{align-items:center;gap:16px;display:flex}.nav-blog-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--blue-bright);border:1px solid var(--blue-border);border-radius:var(--radius-sm);background:var(--blue-dimmer);align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .3s;display:inline-flex}.nav-blog-btn:hover{background:var(--blue-dim);border-color:var(--blue);box-shadow:0 0 20px var(--blue-glow);color:var(--white);transform:translateY(-1px)}.mobile-toggle{color:var(--white);border-radius:var(--radius-sm);border:1px solid var(--blue-border);background:#2a7fff0d;padding:8px;display:none}.mobile-menu{display:none}@media (width<=868px){.nav-links{display:none}.mobile-toggle{justify-content:center;align-items:center;display:flex}.mobile-menu{top:var(--nav-h);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid var(--blue-border);z-index:999;opacity:0;background:#050508fa;flex-direction:column;gap:20px;padding:24px 32px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;left:0;right:0;transform:translateY(-120%)}.mobile-menu.open{opacity:1;transform:translateY(0)}.mobile-menu a{letter-spacing:.1em;text-transform:uppercase;color:var(--white-75);border-bottom:1px solid #ffffff0d;padding:10px 0;font-size:1rem;font-weight:600}.mobile-menu a:hover{color:var(--blue-bright)}}#hero{min-height:100vh;padding:calc(var(--nav-h) + 40px) 0 80px 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg-container{z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg-img{object-fit:cover;object-position:center;filter:brightness(.7)contrast(1.1);will-change:transform;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.05)}.hero-bg-overlay{background:radial-gradient(circle at 50% 40%, #05050866 0%, #050508cc 60%, #050508fa 100%), linear-gradient(180deg, #0505084d 0%, #050508b3 60%, var(--bg) 100%);z-index:1;position:absolute;inset:0}#geo-canvas{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-content{z-index:3;text-align:center;max-width:860px;padding:0 24px;position:relative}.hero-tag{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--blue-bright);border:1px solid var(--blue-border);background:#2a7fff14;border-radius:20px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 16px;font-size:.8rem;display:inline-flex}.hero-tag-pulse{background:var(--blue-bright);border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #4da3ffb3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #4da3ff00}to{transform:scale(.95);box-shadow:0 0 #4da3ff00}}.hero-name{letter-spacing:-.035em;flex-direction:column;align-items:center;margin-bottom:30px;font-size:clamp(3.8rem,9.5vw,8.5rem);font-weight:700;line-height:.95;display:flex}.hero-name-line{display:block;overflow:hidden}.hero-name-line.accent{color:#0000;-webkit-text-stroke:1.5px var(--blue-bright);filter:drop-shadow(0 0 35px var(--blue-glow))}.hero-sub{color:var(--white-75);max-width:680px;margin-bottom:46px;margin-left:auto;margin-right:auto;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.8}.hero-sub .metal{color:var(--blue-bright);font-family:var(--font-mono);font-weight:700}.hero-cta{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.hero-scroll-indicator{z-index:3;cursor:pointer;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero-scroll-indicator span{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--white-30);font-size:.68rem;transition:color .3s}.hero-scroll-indicator:hover span{color:var(--blue-bright)}.scroll-line{background:linear-gradient(to bottom, var(--blue-bright), transparent);width:1px;height:44px;animation:2.2s cubic-bezier(.65,0,.35,1) infinite scrollPulse}@keyframes scrollPulse{0%{transform-origin:top;opacity:.2;transform:scaleY(.2)}50%{transform-origin:top;opacity:1;transform:scaleY(1)}51%{transform-origin:bottom;opacity:1;transform:scaleY(1)}to{transform-origin:bottom;opacity:.2;transform:scaleY(0)}}#about{background:var(--bg)}.about-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;display:grid}.about-text .section-title{margin-bottom:28px}.about-text p{color:var(--white-60);margin-bottom:20px;font-size:1.05rem;line-height:1.8}.about-text strong{color:var(--white);font-weight:600}.about-stats{border-top:var(--accent-line);gap:48px;margin-top:48px;padding-top:40px;display:flex}.stat{flex-direction:column;gap:6px;display:flex}.stat-num{font-family:var(--font-mono);color:var(--blue-bright);text-shadow:0 0 20px var(--blue-glow);font-size:2.8rem;font-weight:700;line-height:1}.stat-label{color:var(--white-30);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.about-visual{justify-content:center;align-items:center;display:flex}.about-geo-box{justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative}.geo-ring{border:1px solid;border-radius:50%;position:absolute}.geo-ring-1{border-color:var(--blue-border);border-style:dashed;width:100%;height:100%;animation:30s linear infinite spinCW}.geo-ring-2{border-color:#2a7fff40;width:75%;height:75%;animation:22s linear infinite spinCCW}.geo-ring-3{border-color:var(--blue-border);width:50%;height:50%;animation:14s linear infinite spinCW}@keyframes spinCW{to{transform:rotate(360deg)}}@keyframes spinCCW{to{transform:rotate(-360deg)}}.geo-center-dot{background:var(--blue-bright);width:14px;height:14px;box-shadow:0 0 25px var(--blue-glow), 0 0 60px var(--blue);border-radius:50%}.about-badge{background:var(--bg-3);border:1px solid var(--blue-border);border-radius:var(--radius-md);font-family:var(--font-mono);letter-spacing:.06em;color:var(--blue-bright);align-items:center;gap:10px;padding:12px 20px;font-size:.85rem;font-weight:700;transition:transform .3s,border-color .3s;display:flex;position:absolute;bottom:-20px;right:-20px;box-shadow:0 10px 30px #0009}.about-badge:hover{border-color:var(--blue);transform:translateY(-3px)}.badge-icon{font-size:1.2rem}#skills{background:var(--bg-2)}.skills-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.skill-card{background:var(--bg-card);border:var(--accent-line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;padding:34px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.skill-card:hover{border-color:var(--blue);background:var(--bg-card-hover);transform:translateY(-6px);box-shadow:0 16px 40px #0006,0 0 30px #2a7fff26}.skill-card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#2a7fff38 0%,#0000 70%);border-radius:50%;width:220px;height:220px;transition:opacity .4s;position:absolute;transform:translate(-50%,-50%)}.skill-card:hover .skill-card-glow{opacity:1}.skill-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.skill-icon-wrap{border:1px solid var(--blue-border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--blue-bright);background:#2a7fff1a;justify-content:center;align-items:center;display:flex}.skill-glyph{font-family:var(--font-mono);color:var(--white-30);font-size:1.1rem}.skill-card h3{letter-spacing:-.01em;color:var(--white);margin-bottom:20px;font-size:1.15rem;font-weight:700}.skill-tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.skill-tag-pill{font-family:var(--font-mono);color:var(--white-60);border-radius:var(--radius-sm);letter-spacing:.02em;background:#ffffff0a;border:1px solid #ffffff12;padding:4px 10px;font-size:.72rem;transition:all .25s}.skill-card:hover .skill-tag-pill{color:var(--white-90);border-color:var(--blue-border);background:#2a7fff0f}#projects{background:var(--bg)}.filter-tabs{flex-wrap:wrap;gap:10px;margin-bottom:48px;display:flex}.filter-btn{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--white-60);border-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff14;align-items:center;gap:8px;padding:9px 20px;font-size:.75rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.filter-count{color:var(--white-75);background:#ffffff14;border-radius:10px;padding:2px 6px;font-size:.65rem}.filter-btn:hover{color:var(--white);border-color:var(--blue-border);background:var(--blue-dimmer)}.filter-btn.active{color:var(--white);border-color:var(--blue);background:var(--blue-dim);box-shadow:0 0 16px var(--blue-dim)}.filter-btn.active .filter-count{background:var(--blue);color:var(--white)}.featured-project{border:1px solid var(--blue-border);border-radius:var(--radius-lg);background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:380px 1fr;margin-bottom:48px;transition:border-color .35s,box-shadow .35s;display:grid;overflow:hidden;box-shadow:0 10px 40px #0006}.featured-project:hover{border-color:var(--blue-bright);box-shadow:0 16px 50px #0009,0 0 40px #2a7fff33}.feat-visual{background:var(--bg-2);border-right:var(--accent-line);justify-content:center;align-items:center;min-height:400px;padding:48px;display:flex;position:relative}.feat-geo-wrap{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.feat-hex{border:1px solid var(--blue-border);position:absolute}.feat-hex-1{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:100%;height:100%;animation:9s ease-in-out infinite morphHex}.feat-hex-2{border-color:#2a7fff4d;border-radius:70% 30% 30% 70%/70% 70% 30% 30%;width:72%;height:72%;animation:7s ease-in-out infinite reverse morphHex}.feat-hex-3{background:var(--blue-dim);border-color:var(--blue);width:44%;height:44%;box-shadow:0 0 35px var(--blue-glow);color:var(--blue-bright);border-radius:50%;justify-content:center;align-items:center;display:flex}@keyframes morphHex{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}.feat-label-tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--blue-bright);background:var(--blue-dim);border:1px solid var(--blue-border);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 12px;font-size:.68rem;display:flex;position:absolute;top:24px;left:24px}.feat-info{flex-direction:column;gap:18px;padding:48px;display:flex}.feat-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.feat-category{font-family:var(--font-mono);letter-spacing:.1em;color:var(--blue-bright);text-transform:uppercase;font-size:.74rem}.feat-date{font-family:var(--font-mono);color:var(--white-30);font-size:.74rem}.feat-info h3{letter-spacing:-.015em;font-size:1.95rem;font-weight:700;line-height:1.2}.feat-info p{color:var(--white-60);font-size:1.02rem;line-height:1.7}.feat-highlights{border-top:var(--accent-line);flex-direction:column;gap:12px;padding-top:16px;display:flex}.feat-highlights li{color:var(--white-75);align-items:flex-start;gap:14px;font-size:.92rem;display:flex}.highlight-num{font-family:var(--font-mono);color:var(--blue-bright);background:var(--blue-dim);border:1px solid var(--blue-border);border-radius:var(--radius-sm);flex-shrink:0;padding:3px 10px;font-size:.72rem;font-weight:700}.feat-btn{align-self:flex-start;margin-top:10px}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{background:var(--bg-card);border:var(--accent-line);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:16px;padding:30px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:var(--blue);background:var(--bg-card-hover);transform:translateY(-6px);box-shadow:0 16px 40px #0006,0 0 30px #2a7fff1f}.card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#2a7fff33 0%,#0000 70%);border-radius:50%;width:200px;height:200px;transition:opacity .4s;position:absolute;transform:translate(-50%,-50%)}.project-card:hover .card-glow{opacity:1}.card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-category{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--blue-bright);font-size:.68rem}.card-year{font-family:var(--font-mono);color:var(--white-30);font-size:.68rem}.project-card h3{letter-spacing:-.01em;color:var(--white);font-size:1.15rem;font-weight:700;line-height:1.3}.project-card p{color:var(--white-60);flex:1;font-size:.92rem;line-height:1.65}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tag{font-family:var(--font-mono);color:var(--white-60);border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff0f;padding:3px 8px;font-size:.66rem;transition:all .2s}.project-card:hover .card-tag{color:var(--white-75);border-color:#2a7fff33}.card-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-bright);border-top:var(--accent-line);align-self:flex-start;align-items:center;gap:6px;padding-top:12px;font-size:.74rem;transition:all .25s;display:inline-flex}.card-link:hover{color:var(--white);gap:10px}#contact{background:var(--bg-2);position:relative;overflow:hidden}.contact-wrap{z-index:2;max-width:820px;position:relative}.contact-geo{pointer-events:none;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}.contact-hex-1,.contact-hex-2{border:1px solid var(--blue-border);border-radius:50%;animation:30s linear infinite spinCW;position:absolute}.contact-hex-1{opacity:.35;width:440px;height:440px;top:-220px;right:0}.contact-hex-2{opacity:.2;width:280px;height:280px;animation-direction:reverse;top:-140px;right:80px}.contact-wrap .section-title{margin-bottom:20px;font-size:clamp(2.4rem,5.5vw,4.2rem)}.contact-sub{color:var(--white-60);max-width:640px;margin-bottom:48px;font-size:1.1rem;line-height:1.8}.contact-links{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contact-item{background:var(--bg-card);border:var(--accent-line);border-radius:var(--radius-md);color:var(--white-75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:20px 24px;font-size:.92rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.contact-item-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:14px;display:flex;overflow:hidden}.contact-icon{color:var(--blue-bright);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-item:hover{border-color:var(--blue);background:var(--blue-dim);color:var(--white);transform:translate(4px);box-shadow:0 4px 20px #2a7fff26}.contact-copy-btn{color:var(--white-30);align-items:center;padding:4px;transition:color .2s,transform .2s;display:flex}.contact-item:hover .contact-copy-btn{color:var(--blue-bright)}#footer{background:var(--bg);border-top:var(--accent-line);padding:32px 0}.footer-inner{max-width:1240px;font-family:var(--font-mono);color:var(--white-30);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 32px;font-size:.74rem;display:flex}.footer-left{align-items:center;gap:16px;display:flex}.footer-sep{color:var(--blue-bright)}.back-to-top{color:var(--white-60);cursor:pointer;align-items:center;gap:6px;transition:color .2s,transform .2s;display:inline-flex}.back-to-top:hover{color:var(--blue-bright);transform:translateY(-2px)}@media (width<=1100px){.skills-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:56px}.about-visual{margin-top:20px}.featured-project{grid-template-columns:1fr}.feat-visual{border-right:none;border-bottom:var(--accent-line);min-height:280px}}@media (width<=768px){:root{--section-pad:80px;--nav-h:64px}.skills-grid,.projects-grid,.contact-links{grid-template-columns:1fr}.hero-name{font-size:3.4rem}.feat-info{padding:32px 24px}.about-stats{flex-wrap:wrap;gap:32px}}