:root{--bg: #06070a;--bg-elevated: #0d0f15;--bg-header: #10131c;--border-subtle: rgba(23, 147, 209, .16);--border-strong: rgba(23, 147, 209, .45);--arch: #1793d1;--arch-light: #52b6e6;--nord-green: #a3be8c;--nord-cyan: #8fbcbb;--nord-purple: #b48ead;--text: #eceff4;--text-muted: #8fa1b3;--glow: rgba(23, 147, 209, .35);font-family:JetBrains Mono,monospace;line-height:1.6;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(ellipse 90% 55% at 50% -10%,rgba(23,147,209,.13),transparent 65%),radial-gradient(ellipse 55% 40% at 100% 108%,rgba(23,147,209,.07),transparent 70%),radial-gradient(ellipse 45% 35% at -5% 100%,rgba(143,188,187,.05),transparent 70%);background-attachment:fixed;color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(23,147,209,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,147,209,.035) 1px,transparent 1px);background-size:44px 44px}::selection{background:#1793d173;color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#1b2534;border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#27405c}p{margin:0}button{font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--arch-light);outline-offset:3px;border-radius:6px}.main-body{position:relative;z-index:1;margin:0;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:4.5rem;padding:0 clamp(1rem,4vw,2.5rem);background:#08090db8;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--border-subtle);box-shadow:0 12px 32px #00000073}.nav-brand{display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .25rem;background:none;border:none;cursor:pointer;color:var(--text);font-size:1.05rem;font-weight:700;letter-spacing:.5px;white-space:nowrap}.brand-at{color:var(--arch-light)}.brand-cursor{width:9px;height:18px;background:var(--arch);animation:blink-cursor 1.1s step-end infinite}.navbar-links{display:flex;align-items:stretch;height:4.5rem}.nav-link{height:100%;font-size:.95rem;font-weight:600;color:#eceff49e;background-color:transparent;border:none;padding:0 1.4rem;cursor:pointer;position:relative;letter-spacing:1.5px;transition:color .25s ease}.nav-link:after{content:"";position:absolute;bottom:1.05rem;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--arch),var(--arch-light));transition:all .3s ease;transform:translate(-50%);border-radius:2px}.nav-link:hover,.nav-link.active{color:var(--arch-light);background-color:transparent}.nav-link:hover:after,.nav-link.active:after{width:55%}.introduction{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;margin:0;background-color:transparent;min-height:100vh;position:relative;overflow:hidden;scroll-margin-top:5rem;padding:2rem}.section-tag{color:var(--text-muted);font-size:.85rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.25rem;-webkit-user-select:none;user-select:none}.section-tag:before{content:"// ";color:var(--arch)}.about-me,.skills,.contact-me{background-color:transparent;padding:6rem 2rem;scroll-margin-top:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-me,.skills{min-height:85vh}.contact-me{min-height:60vh;padding-bottom:7rem}.reveal{opacity:0;transform:translateY(30px);filter:blur(8px);will-change:opacity,transform,filter;transition:opacity .9s cubic-bezier(.21,.61,.35,1),transform .9s cubic-bezier(.21,.61,.35,1),filter .9s cubic-bezier(.21,.61,.35,1)}.reveal.is-visible{opacity:1;transform:none;filter:none}@keyframes rise-in{0%{opacity:0;translate:0 26px}to{opacity:1;translate:0 0}}.about-me-desc{display:grid;grid-template-columns:1.2fr .8fr;column-gap:2rem;max-width:1150px;width:100%;align-items:start;margin-top:0}.about-inner-left{text-align:left;padding:0;line-height:1.9;font-size:clamp(1rem,.6vw + .85rem,1.15rem);color:#eceff4e0}.about-inner-left p{margin-bottom:1.5rem;padding-left:1.25rem;border-left:2px solid var(--border-subtle)}.about-inner-left p:hover{border-left-color:var(--border-strong)}.about-inner-left p:last-child{margin-bottom:0}.about-inner-right{padding:0;display:flex;justify-content:center}.image-js{width:clamp(150px,16vw,210px);height:auto;border-radius:24px;filter:drop-shadow(0 15px 30px rgba(33,158,188,.3));animation:float-logo 5s ease-in-out infinite alternate;display:block}@keyframes float-logo{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(12px) rotate(2deg)}}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.25rem;max-width:1150px;width:100%;margin:0 auto;padding:2rem 0 .5rem}@media screen and (max-width:640px){.skills-list{grid-template-columns:1fr}}[class^=logo-]{color:#fff;font-size:1.05rem;font-weight:500;text-align:center;padding:2rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;box-shadow:0 4px 15px #0000001f;opacity:0;translate:0 24px;transition:transform .4s cubic-bezier(.165,.84,.44,1),background .4s ease,border-color .4s ease,box-shadow .4s ease}.is-visible .skills-list>[class^=logo-]{animation:rise-in .6s cubic-bezier(.21,.61,.35,1) both;animation-delay:calc(var(--i, 0) * 70ms)}[class^=logo-]:hover{transform:translateY(-8px);background:#1793d114;border-color:var(--arch-light);box-shadow:0 15px 30px #1793d147}.skill-icon{width:55px;height:55px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}[class^=logo-]:hover .skill-icon{transform:scale(1.15) rotate(5deg)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:900px;width:100%;margin-top:1.75rem}.contact-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.4rem 1.5rem;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;color:#fff;text-decoration:none;opacity:0;translate:0 24px;box-shadow:0 4px 15px #00000026;gap:.8rem;transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease}.is-visible .contact-grid>.contact-card{animation:rise-in .6s cubic-bezier(.21,.61,.35,1) both}.is-visible .contact-grid>.contact-card:nth-child(2){animation-delay:.12s}.contact-card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at 50% 0%,rgba(23,147,209,.14),transparent 45%);opacity:0;pointer-events:none;transition:opacity .35s ease}.contact-card:hover:before{opacity:1}.contact-card:after{content:"↗";position:absolute;top:.9rem;right:1.1rem;color:var(--text-muted);font-size:.95rem;opacity:0;transform:translate(-5px,5px);transition:all .3s ease}.contact-card:hover{transform:translateY(-6px);background:#1793d114;border-color:var(--arch-light);box-shadow:0 15px 30px #1793d14d}.contact-card:hover:after{opacity:1;transform:none;color:var(--arch-light)}.contact-label{font-size:.85rem;color:var(--arch-light);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.contact-value{font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:500;word-break:break-all;opacity:.95}.ping-line{color:var(--text-muted);font-size:.92rem}.ping-ok{color:var(--nord-green)}.terminal-window{width:100%;max-width:1150px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 130px),var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 30px 60px -15px #000000a6,0 0 45px #1793d112,inset 0 1px #ffffff0a;overflow:hidden;display:flex;flex-direction:column;z-index:1;transition:border-color .3s ease,box-shadow .3s ease}.terminal-window:hover{border-color:var(--border-strong);box-shadow:0 34px 65px -15px #000000b8,0 0 55px #1793d11f,inset 0 1px #ffffff0a}.terminal-window:before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(82,182,230,.65),transparent);z-index:2}.terminal-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-header);padding:.75rem 1.2rem;border-bottom:1px solid rgba(23,147,209,.12);-webkit-user-select:none;user-select:none}.terminal-buttons{display:flex;align-items:center}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;box-shadow:inset 0 -1px 2px #00000040}.dot-close{background-color:#ff5f56}.dot-minimize{background-color:#ffbd2e}.dot-maximize{background-color:#27c93f}.terminal-title{color:var(--text-muted);font-size:.85rem;letter-spacing:.5px}.terminal-placeholder{width:52px}.terminal-content{padding:2.75rem 3rem;text-align:left}.terminal-prompt{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem;font-size:1.15rem;line-height:1.5}.prompt-host{color:var(--nord-cyan);font-weight:600}.prompt-dir{color:var(--arch-light);font-weight:600}.prompt-branch{color:var(--nord-purple);font-weight:600}.prompt-arrow{color:var(--arch);font-weight:700}.prompt-cmd{color:var(--nord-green)}.prompt-arg{color:var(--text)}.terminal-cursor{display:inline-block;width:8px;height:16px;background-color:var(--text);animation:blink-cursor 1s step-end infinite;margin-left:2px;vertical-align:middle}@keyframes blink-cursor{50%{background-color:transparent}}.ascii-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}@media screen and (max-width:1080px){.terminal-window{width:100%}.terminal-content{padding:1.5rem}.terminal-prompt{font-size:.95rem}.ascii-content{align-items:center;text-align:center}}.intro-icon{width:26px;height:26px;object-fit:contain;display:block}.ascii-label{color:var(--arch-light);font-weight:700;margin:0}.ascii-separator{color:var(--text-muted);margin:2px 0 8px}.ascii-row{margin:3px 0;color:#eceff4e0}.ascii-key{color:var(--arch-light);font-weight:700}.intro-buttons{margin-top:2rem;display:flex;gap:1rem}.intro-btn-link{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:#ffffff0a;border:1px solid rgba(236,239,244,.12);transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}.intro-btn-link:hover{transform:translateY(-4px);border-color:var(--arch);background:#1793d11f;box-shadow:0 10px 26px #1793d14d}.skill-name{color:var(--nord-green);margin:0;font-weight:700}.skill-version{color:var(--text-muted);font-size:.85rem}.contact-ping{color:var(--text-muted);margin-bottom:1.5rem}.contact-ping p{margin:0 0 .4rem}.about-inner{padding:0}.footer{position:relative;z-index:1;padding:2.5rem 1rem 3rem;text-align:center;color:var(--text-muted);font-size:.85rem;border-top:1px solid rgba(236,239,244,.06);background:#08090d8c}.footer-exit{margin-top:.5rem;font-size:.78rem;color:#8fa1b38c}@media screen and (max-width:1080px){.introduction{min-height:100vh;padding:5.5rem 1rem 2rem;scroll-margin-top:4.5rem}.navbar-links{height:4rem}.nav-brand{font-size:.95rem}.nav-link{padding:0 .75rem;font-size:.85rem;letter-spacing:.8px}.about-me,.skills,.contact-me{padding:4rem 1rem;min-height:auto;scroll-margin-top:4.5rem}.about-me-desc{display:flex;flex-direction:column-reverse;width:100%;margin:0 auto;gap:2rem}.about-inner-right{margin-bottom:1rem}.skills-list,.contact-grid{width:100%}}@media screen and (max-width:600px){.nav-brand span:first-child{display:none}.nav-link{padding:0 .55rem;font-size:.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none;filter:none}[class^=logo-],.contact-card{opacity:1;translate:none}}