:root{--ff:Raleway, sans-serif;--fs-400:1.05rem;--fs-500:1.35rem;--bg:#111;--surface:#161616;--border:#ffffff17;--fc:#ededed;--muted:#8a8a8a;--accent:#ededed;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--logo-height:4.25rem;--maxw:760px;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--ff);font-size:var(--fs-400);color:var(--fc);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(circle at 50% 0,#ffffff09,#0000 28rem);line-height:1.65;overflow-x:hidden}h1,h2,h3{overflow-wrap:break-word;font-weight:600}a,li{color:inherit;text-decoration:none}.App{min-height:100vh}.experience-container,.downloads,.construction,.thugipanProfile{width:100%;max-width:var(--maxw);margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.education h2,.work-experience h2,.downloads h2{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.8rem;font-weight:600}@media (width<=600px){.experience-container,.downloads,.construction,.thugipanProfile{padding-left:1.25rem;padding-right:1.25rem}}.thugipanProfile{align-items:center;gap:var(--space-lg);padding-top:var(--space-2xl);padding-bottom:var(--space-xl);display:flex}.thugipanProfile img{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:7rem;height:7rem;box-shadow:0 12px 32px #0000004d}.thugipanNameAndDescription{min-width:0}.thugipanNameAndDescription h1{letter-spacing:-.02em;font-size:clamp(1.9rem,4vw,2.55rem);font-weight:600;line-height:1.15}.thugipanNameAndDescription p{color:var(--muted);margin-top:var(--space-2xs);font-size:1.05rem}.experience-container{gap:var(--space-lg);flex-direction:column;display:flex}.education,.work-experience{padding:var(--space-md) 1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .25s,background-color .25s}.education:hover,.work-experience:hover{background-color:#181818;border-color:#ffffff24}.education h2,.work-experience h2{margin-bottom:var(--space-md)}.education-item,.work-item{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid #ffffff0e;display:flex}.education-item h3,.work-item h3{color:var(--fc);font-size:1.05rem;font-weight:500;transition:color .25s}.education-item:hover h3,.work-item:hover h3{color:#fff}.education-item p,.work-item p{color:var(--muted);white-space:nowrap;font-size:.9rem}.construction{text-align:center;color:var(--muted);margin:var(--space-2xl) auto var(--space-xl);padding-top:var(--space-lg);border-top:1px solid #ffffff0e}.construction p{font-size:.85rem}@media (width<=600px){.thugipanProfile{text-align:center;gap:var(--space-md);padding-top:var(--space-xl);padding-bottom:var(--space-lg);flex-direction:column}.education,.work-experience{padding:var(--space-md) var(--space-sm)}.education-item,.work-item{flex-direction:column;gap:.25rem}.education-item p,.work-item p{white-space:normal}}.downloads{margin-top:var(--space-lg)}.downloads-card{padding:var(--space-md) 1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .25s,background-color .25s}.downloads-card:hover{background-color:#181818;border-color:#ffffff24}.downloads h2{margin-bottom:var(--space-md)}.download-links{flex-direction:column;display:flex}.download-button{align-items:center;gap:var(--space-2xs);color:var(--fc);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem 1.2rem;font-weight:500;line-height:1.4;transition:color .25s,border-color .25s,background-color .25s,transform .25s;display:inline-flex}.download-button:after{content:"↓";color:var(--muted)}.download-button:hover{background-color:#ffffff09;border-color:#fff3;transform:translateY(-1px)}@media (width<=600px){.downloads-card{padding:var(--space-md) var(--space-sm)}}header{padding:var(--space-sm) 2rem;max-width:var(--maxw);z-index:1002;background-color:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:relative}.logo{height:var(--logo-height);opacity:.9;width:auto;transition:opacity .2s;display:block}.logo:hover{opacity:1}.navLinks{align-items:center;gap:var(--space-md);list-style:none;display:flex}.navLinks li a{color:var(--muted);font-size:.95rem;font-weight:500;transition:color .2s}.navLinks li a:hover{color:var(--fc)}.hamburger{cursor:pointer;z-index:1003;background:0 0;display:none;position:absolute;top:50%;right:1.25rem;transform:translateY(-50%)}.hamburger-line{background-color:var(--fc);width:26px;height:2px;margin:.375rem 0;transition:transform .35s,opacity .35s}.overlay{z-index:999;opacity:0;background-color:#0000008c;transition:opacity .4s;display:none;position:fixed;inset:0}.sidebar{background-color:var(--surface);border-left:1px solid var(--border);z-index:1000;width:min(80%,300px);height:100%;transition:right .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%}.sidebar-links{padding:var(--space-2xl) var(--space-md) 0;flex-direction:column;display:flex}.sidebar-links a{color:var(--fc);padding:var(--space-sm) 0;border-bottom:1px solid var(--border);font-size:1.1rem;font-weight:500;transition:color .2s}.sidebar-links a:hover{color:var(--muted)}body.sidebar-open{width:100%;height:100%;position:fixed;overflow:hidden}@media (width<=600px){header{padding-left:1.25rem;padding-right:1.25rem}.hamburger{display:block}nav{display:none}.overlay{pointer-events:none;display:block}.overlay.open{opacity:1;pointer-events:auto}.sidebar.open{right:0}.hamburger-line.open:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-8px)rotate(-45deg)}}