:root{--pc-plastic-1: #f7f4ef;--pc-plastic-2: #eae5de;--pc-plastic-3: #e4ddd2;--pc-plastic-4: #d9d0c2;--terminal-black: #140206;--hardware-gray: #28292a;--bubbletech-1: #ffb4c5;--bubbletech-4: #ff6183;--atomic-glow-1: #ffb835;--atomic-glow-3: #fd7f00;--atomic-glow-5: #ffe8bc;--neon-field-1: #7cff98;--frost-4: #cbe7ff;--retrograde-lilac-1: #fed7ff;--keyboard-tan-1: #f6c1a8;--floppy-fog-2: #d0c9ed;--bg-color: var(--pc-plastic-1);--bg-alt: var(--pc-plastic-2);--surface: #fffdfa;--text-color: var(--hardware-gray);--border-color: var(--terminal-black);--accent-1: var(--atomic-glow-5);--accent-2: var(--keyboard-tan-1);--accent-3: var(--bubbletech-1);--accent-4: var(--frost-4);--accent-5: var(--retrograde-lilac-1);--ok: var(--neon-field-1);--hot: var(--bubbletech-4);--shadow: 5px 5px 0 0 var(--terminal-black);--shadow-sm: 3px 3px 0 0 var(--terminal-black);--shadow-lg: 8px 8px 0 0 var(--terminal-black);--pressed: inset 3px 3px 0 0 #00000026;--radius: 1rem;--radius-sm: .5rem;--radius-xs: .25rem;--bw: 1.5px;--font-main: "Inter", "Helvetica Neue", Arial, sans-serif;--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box}#root{width:100%;min-height:100vh;display:flex;justify-content:center;margin:0;padding:0}body{background-color:var(--bg-color);background-image:repeating-linear-gradient(180deg,rgba(20,2,6,.017) 0px,rgba(20,2,6,.017) 1px,transparent 1px,transparent 4px);color:var(--text-color);font-family:var(--font-main);font-size:16px;line-height:1.6;margin:0;min-height:100vh;width:100%;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:900px;margin:0 auto;padding:48px 20px 40px;text-align:center}.header{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;padding:2.25rem 1.5rem 2rem;background:var(--surface);border:var(--bw) solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0 0 auto;height:10px;background:linear-gradient(to right,var(--bubbletech-4) 0 20%,var(--atomic-glow-3) 20% 40%,var(--atomic-glow-1) 40% 60%,var(--neon-field-1) 60% 80%,var(--frost-4) 80% 100%);border-bottom:var(--bw) solid var(--border-color)}.profile-pic-container{width:132px;height:132px;margin-bottom:1.25rem;border:var(--bw) solid var(--border-color);border-radius:50%;overflow:hidden;box-shadow:var(--shadow);background-color:var(--accent-4)}.profile-pic{width:100%;height:100%;object-fit:cover}h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,9vw,4.2rem);text-transform:none;margin:.4rem 0 0;letter-spacing:-.02em;line-height:.98;word-wrap:break-word}h1 strong{font-weight:400}.tagline{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08rem;background-color:var(--accent-3);display:inline-block;padding:8px 16px;border:var(--bw) solid var(--border-color);border-radius:50vw;box-shadow:var(--shadow-sm);font-weight:700;margin-top:1.1rem}.socials{display:flex;justify-content:center;gap:.75rem;margin-top:1.75rem;flex-wrap:wrap}.icon-btn{background:var(--pc-plastic-2);border:var(--bw) solid var(--border-color);width:44px;height:44px;border-radius:var(--radius-sm);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;color:var(--terminal-black);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.icon-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--terminal-black);background:var(--accent-1)}.icon-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--terminal-black),var(--pressed)}.nav{display:flex;justify-content:center;gap:.6rem;margin-bottom:2.75rem;flex-wrap:wrap}.nav-btn{font-family:var(--font-mono);background:var(--pc-plastic-2);color:var(--terminal-black);border:var(--bw) solid var(--border-color);padding:10px 18px;font-weight:700;font-size:.8rem;letter-spacing:.08rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,background .12s ease;border-radius:var(--radius-sm)}.nav-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 0 var(--terminal-black);background:var(--accent-1)}.nav-btn.active{background-color:var(--hot);color:var(--surface);transform:translate(2px,2px);box-shadow:1px 1px 0 0 var(--terminal-black),var(--pressed)}.section-title{font-family:var(--font-display);font-weight:400;text-align:center;margin-bottom:2.25rem;font-size:2.2rem;letter-spacing:-.01em;text-transform:none;position:relative;display:inline-block;z-index:1}.section-title:after{content:"";display:block;width:calc(100% + 12px);height:14px;background-color:var(--atomic-glow-1);position:absolute;bottom:4px;left:-6px;z-index:-1;border-radius:3px;opacity:.85}.card{background:var(--surface);border:var(--bw) solid var(--border-color);border-radius:var(--radius);padding:22px;margin-bottom:1.5rem;box-shadow:var(--shadow);text-align:left;position:relative;transition:transform .14s ease,box-shadow .14s ease}.card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.card-title{font-family:var(--font-display);font-weight:400;font-size:1.6rem;line-height:1.15;letter-spacing:-.01em;margin:0}.card-year{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04rem;background:var(--accent-1);padding:5px 10px;border:var(--bw) solid var(--border-color);border-radius:50vw;font-weight:700;white-space:nowrap;display:inline-block}.chip{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04rem;display:inline-block;padding:5px 10px;border:var(--bw) solid var(--border-color);border-radius:50vw;font-weight:700;margin-top:8px}.card ul{margin-top:14px;padding-left:1.1rem;font-size:.94rem}.card li{margin-bottom:7px}.card li::marker{color:var(--hot)}.card a{color:var(--terminal-black);text-decoration-color:var(--hot);text-underline-offset:3px}footer{margin-top:4rem;padding-top:1.5rem;border-top:var(--bw) dashed var(--pc-plastic-4);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04rem;opacity:.75}@media(max-width:600px){.container{padding:24px 14px 32px}.header{padding:2rem 1rem 1.75rem}.nav{gap:8px}.nav-btn{padding:10px 12px;font-size:.72rem;flex:1 1 40%}.profile-pic-container{width:112px;height:112px}.section-title{font-size:1.8rem}.card-title{font-size:1.35rem}.card-header{flex-direction:column;gap:4px}.card-year{align-self:flex-start;margin-top:5px}.card-header>div:last-child{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:8px}}