*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Manrope,'Noto Sans SC',sans-serif;letter-spacing:-.015em}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.mono{font:11px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.shell{max-width:1440px;margin:auto;padding:0 54px}.topbar{height:74px;border-bottom:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:17px;letter-spacing:-.06em}.logo{width:28px;height:28px;border-radius:9px;background:var(--lime);display:grid;place-items:center;color:#151610;font-size:16px;transform:rotate(-8deg)}.nav{display:flex;gap:32px;margin-left:110px;color:#b4b5ab;font-size:13px}.nav a{transition:color .2s}.nav a:hover,.nav a.active{color:var(--lime)}.rightnav{display:flex;gap:19px;align-items:center}.signin{font-size:12px;color:#b5b6ae}.pill{border:0;border-radius:99px;background:var(--lime);color:#171810;font-weight:700;padding:11px 18px;font-size:12px;transition:.2s}.pill:hover{background:#e9ff9a;transform:translateY(-1px)}
.footer{border-top:1px solid #ffffff14;padding:23px 0 30px;display:flex;justify-content:space-between;color:#818279;font-size:10px}.footer .brand{color:#e6e6dd;font-size:14px}.toast{position:fixed;z-index:9;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e4fa97;color:#191b12;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:700;box-shadow:0 10px 30px #0007;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.modal{position:fixed;inset:0;z-index:8;display:none;place-items:center;background:#070807c9;backdrop-filter:blur(8px);padding:20px}.modal.open{display:grid}.modal-box{width:min(520px,100%);padding:30px;border:1px solid #42443a;border-radius:16px;background:#1b1c17;box-shadow:0 24px 100px #0008}.modal-box h3{font-size:25px;margin:8px 0 6px;letter-spacing:-.06em}.modal-box p{color:#a3a49b;font-size:12px}.modal-head{display:flex;justify-content:space-between}.close{border:0;background:none;font-size:22px;color:#a3a49b}.meter{height:5px;border-radius:10px;background:#36382e;margin:20px 0 7px;overflow:hidden}.meter i{display:block;height:100%;width:22%;background:var(--lime);border-radius:10px;transition:width 1.2s}.timeline{margin-top:24px;border-top:1px solid #ffffff15;padding-top:16px}.track{display:flex;gap:4px;margin-top:9px}.track i{display:block;height:26px;border-radius:4px;background:#5c6843;flex:1}.track i:nth-child(2n){background:#5c4650}.track i:nth-child(3n){background:#455860}

.mobile-skill-link{display:none}