*{box-sizing:border-box}html,body{margin:0;padding:0;background:#07090d;color:#cdd6e3;font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}::selection{background:#3ddc9747;color:#eef3f9}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0e14}::-webkit-scrollbar-thumb{background:#1c2430;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#2a3645}input,textarea{font-family:IBM Plex Mono,monospace}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes lineIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes gridmove{0%{background-position:0 0}to{background-position:48px 48px}}@keyframes pulse{0%{box-shadow:0 0 #3ddc9780}70%{box-shadow:0 0 0 8px #3ddc9700}to{box-shadow:0 0 #3ddc9700}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.nav-btn{background:none;border:none;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:13px;letter-spacing:.02em;padding:6px 2px;position:relative;transition:color .25s;color:#7d8799}.nav-btn.active,.nav-btn:hover{color:#eef3f9}.lang-btn{background:transparent;color:#7d8799;border:none;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;padding:6px 11px;transition:background .2s,color .2s}.lang-btn.on{background:#3ddc97;color:#06231a}.btn-primary{transition:transform .2s,box-shadow .2s,background .2s}.btn-primary:hover{background:#54e8a8!important;transform:translateY(-2px);box-shadow:0 10px 28px -8px #3ddc9799}.btn-ghost{transition:border-color .2s,color .2s,transform .2s}.btn-ghost:hover{border-color:#3ddc97!important;color:#3ddc97!important;transform:translateY(-2px)}.link-cyan{transition:color .2s}.link-cyan:hover{color:#5ec8f2!important}.card-lift{transition:border-color .25s,transform .25s}.card-lift:hover{border-color:#2a3645!important;transform:translateY(-3px)}.card-lift-4:hover{transform:translateY(-4px)}.exp-card{transition:border-color .25s,transform .25s,box-shadow .25s}.exp-card:hover{border-color:#2a3645!important;transform:translate(4px);box-shadow:-6px 12px 40px -18px #000000b3}.skill-tag{transition:color .2s,border-color .2s,background .2s}.skill-tag:hover{color:#5ec8f2!important;border-color:#2a4555!important;background:#5ec8f21f!important}.contact-card{transition:border-color .25s,transform .25s}.contact-card.green:hover{border-color:#3ddc97!important;transform:translateY(-3px)}.contact-card.cyan:hover{border-color:#5ec8f2!important;transform:translateY(-3px)}.field-input{transition:border-color .2s}.field-input:focus{border-color:#3ddc97!important}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(28px,5vw,56px)}.two-col,.contact-grid{grid-template-columns:1fr 1fr}.nav-toggle{display:none;background:none;border:1px solid #2a3645;border-radius:7px;color:#eef3f9;cursor:pointer;width:38px;height:38px;font-size:17px;line-height:1;align-items:center;justify-content:center}.nav-mobile{display:flex;flex-direction:column;gap:2px;position:fixed;top:66px;left:0;right:0;z-index:49;padding:12px clamp(20px,5vw,56px) 20px;background:#07090df7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #161d27;animation:pageIn .25s ease both}.nav-mobile-link{background:none;border:none;cursor:pointer;text-align:left;font-family:IBM Plex Mono,monospace;font-size:15px;color:#aab4c2;padding:12px 4px;border-bottom:1px solid #11161f;transition:color .2s}.nav-mobile-link:hover,.nav-mobile-link.active{color:#3ddc97}@media(max-width:860px){.hero-grid,.about-grid,.two-col,.contact-grid{grid-template-columns:1fr}}@media(max-width:820px){.nav-links{display:none!important}.nav-toggle{display:inline-flex}}@media(min-width:821px){.nav-mobile{display:none}}