.menu{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--menu-bg);color:var(--menu-text);position:sticky;top:0;z-index:10;box-shadow:0 1px 5px #0000001a}.menu .left{display:flex;align-items:center;gap:1rem;font-weight:700;font-size:1.5rem;letter-spacing:2px;-webkit-user-select:none;user-select:none}nav.right{display:flex;align-items:center;position:relative}.nav-toggle{display:none;background:none;border:none;cursor:pointer;width:28px;height:22px;position:relative;margin-right:1rem}.hamburger,.hamburger:before,.hamburger:after{position:absolute;width:100%;height:3px;background:var(--menu-text);border-radius:2px;transition:.3s}.hamburger:before{content:"";top:-8px}.hamburger:after{content:"";top:8px}nav.right.open .hamburger{background:transparent}nav.right.open .hamburger:before{transform:rotate(45deg);top:0}nav.right.open .hamburger:after{transform:rotate(-45deg);top:0}.nav-links{display:flex;align-items:center}.nav-links button{margin-left:1rem;padding:.5rem 1rem;background:var(--btn-bg);color:var(--menu-text);font-weight:600;border:none;border-radius:3px;cursor:pointer;transition:background .2s}.nav-links button:hover{background:var(--btn-hover-bg)}.theme-toggle{background:none;border:none;color:var(--text);font-family:monospace;font-size:1rem;cursor:pointer;padding:.25rem .5rem}.theme-toggle:hover{color:var(--highlight)}@media(max-width:700px){.nav-toggle{display:flex}.nav-links{display:none;position:fixed;top:64px;right:0;width:200px;background:var(--menu-bg);flex-direction:column;padding:1rem;box-shadow:-2px 0 8px #0003;z-index:9}nav.right.open .nav-links{display:flex}.nav-links button{margin:0 0 1rem;width:100%}.nav-toggle{display:flex;align-items:center;justify-content:center}.hamburger,.hamburger:before,.hamburger:after{left:0;width:24px}html,body{overscroll-behavior:none}}.profile-pic-container{display:flex;justify-content:center;margin-bottom:1.5rem}.profile-pic{width:220px;height:220px;border-radius:50%;object-fit:cover;border:2px solid var(--highlight);box-shadow:0 0 8px var(--highlight);transition:box-shadow .3s}.profile-pic:hover{box-shadow:0 0 14px var(--highlight)}.tech-stack-section{margin-top:2rem}.loading-message{text-align:center;font-style:italic;color:var(--subtitle)}.tech-stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:1rem;padding:0 1rem}.skill-icon img{width:48px;height:48px;object-fit:contain;filter:grayscale(60%) drop-shadow(0 0 1px rgba(0,0,0,.2));transition:filter .2s,transform .2s}.skill-icon:hover img{filter:none drop-shadow(0 0 6px var(--highlight));transform:scale(1.1)}.modal-backdrop{position:fixed;inset:0;background:var(--modal-bg);display:flex;justify-content:center;align-items:center;z-index:20}.modal-content{background:var(--form-bg);padding:2rem;border-radius:6px;width:90%;max-width:400px;box-shadow:0 8px 20px #0000004d;color:var(--text)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.contact-modal{background:var(--bg, #1e1e1e);color:var(--text, white);padding:2rem;border-radius:8px;width:800px;max-width:90%;box-shadow:0 10px 30px #0006}input,textarea{width:100%;padding:12px;margin-top:8px;margin-bottom:16px;border-radius:4px;border:1px solid #555;background:var(--bg, #121212);color:var(--text, white)}.button{background-color:#04aa6d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer}.button:hover{background-color:#45a049}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Courier New,Courier,monospace;background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content{max-width:768px;margin:4rem auto;padding:2rem 1rem;background:var(--content-bg);border-radius:6px;box-shadow:0 0 5px #0003;transition:background .3s,color .3s}h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--highlight)}.subtitle{font-weight:600;margin-bottom:2rem;color:var(--subtitle)}.content p{margin-bottom:1rem;color:var(--text)}:root[data-theme=light]{--bg: #e6f1f5;--text: #202020;--menu-bg: #ffffff;--menu-text: #202020;--btn-bg: #d0e6f9;--btn-hover-bg: #a7d1fb;--modal-bg: rgba(32, 32, 32, .2);--form-bg: #ffffff;--highlight: #00796b;--subtitle: #555555;--content-bg: #fff}:root[data-theme=dark]{--bg: #1e1e1e;--text: #dcdcdc;--menu-bg: #2b2b2b;--menu-text: #dcdcdc;--btn-bg: #333333;--btn-hover-bg: #444444;--modal-bg: rgba(0, 0, 0, .6);--form-bg: #2b2b2b;--highlight: #00bfa5;--subtitle: #aaaaaa;--content-bg: #262626}