:root{--font-title: "Chakra Petch", sans-serif;--font-ui: "Press Start 2P", cursive;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body,html{width:100vw;height:100vh;display:block;scroll-behavior:smooth;overflow:hidden;font-family:var(--font-body);color:#f0f0f0}canvas{position:fixed;top:0;left:0;width:100%;height:100%}main{top:0;position:fixed;left:0;width:100%;height:100%;text-align:center;pointer-events:none}#name{opacity:1;transition:opacity .5s ease-in-out;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100%}#name h1{font-family:var(--font-title);font-size:clamp(3rem,7vw,6rem);font-weight:300;color:#fff;text-shadow:0 4px 10px rgba(0,0,0,.3);white-space:nowrap;text-align:center}#cool{position:relative;height:100%}#footer{display:flex;position:fixed;bottom:0;width:100%;left:0;z-index:10;pointer-events:auto}#footer>*{flex:1;padding:1.5rem 1rem;text-align:center;color:#fff;font-family:var(--font-ui);text-transform:uppercase;font-size:clamp(.7rem,1.5vw,1rem);text-shadow:0 2px 4px rgba(0,0,0,.5);transition:opacity .2s}#footer>*:hover{opacity:.7;cursor:pointer}.info-card{background:#141e3c80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000005e;color:#fff;opacity:1;transition:opacity .5s ease-in-out;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.info-card::-webkit-scrollbar{display:none}#aboutPara{width:90vw;max-width:900px;height:80vh;max-height:600px;padding:2rem;opacity:0;pointer-events:auto}#aboutPara>*,#aboutPara h3,#aboutPara h5,#aboutPara p{position:static;top:auto;left:auto;right:auto;bottom:auto;width:100%;font-size:clamp(.9rem,1.5vw,1rem)}#aboutPara h3{font-family:var(--font-ui);font-size:clamp(1.5rem,2vw,1.8rem);margin-top:0;margin-bottom:20px}#aboutPara h5{font-family:var(--font-ui);font-size:clamp(1rem,1.8vw,1.2rem);margin-bottom:.5rem;color:#aaa}#about-grid-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}#about-intro{line-height:1.5;margin-bottom:0}.image-placeholder{width:100%;height:200px;background-color:#0003;border:2px dashed rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-top:20px;color:#fff6;font-size:.9em}.image-placeholder img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px}#arrows{position:fixed;top:2rem;left:0;right:0;width:100%;padding:0 1.5rem;opacity:0;font-size:clamp(2.5rem,4.5vw,4rem);display:none;justify-content:space-between;align-items:center;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);transition:opacity 1s;z-index:10;pointer-events:auto}#left,#right{flex:0 1 auto;opacity:1;cursor:pointer;transition:opacity .3s,transform .2s ease;padding:1rem}#right{text-align:right}#left:hover,#right:hover{opacity:.7!important;transform:scale(1.1)}#middle{flex:1 1 auto;opacity:1;font-family:var(--font-ui);font-size:clamp(1rem,2.5vw,1.8rem);color:#fff;text-decoration:none;text-shadow:0 0 8px rgba(0,0,0,.7);transition:opacity .3s;padding:0 1rem;text-align:center}#middle:hover{opacity:.7}.skills-section{margin-bottom:22px}.skills-section h5{margin-bottom:12px;opacity:.9}.experience-section ul{list-style-type:none;padding-left:0;margin-top:10px}.experience-section li{margin-bottom:14px;line-height:1.4}#right-column .experience-section{margin-bottom:0}.skill-pills{display:flex;flex-wrap:wrap;gap:8px}.skill-pills span{background-color:#ffffff1a;color:#f0f0f0;padding:5px 12px;border-radius:16px;font-size:.9em;font-weight:500}@media (max-width: 600px){#name h1{white-space:normal;font-size:2.5rem}#footer>*{font-size:.7rem;padding:1rem .5rem}#arrows{padding:0 .5rem;top:1rem}#left,#right{padding:.5rem}#middle{font-size:.9rem}#aboutPara{max-height:75vh;padding:1rem}#about-grid-container{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.image-placeholder{height:150px}#aboutPara h3{font-size:1.6rem}#aboutPara h5{font-size:1.1rem}#about-intro{font-size:.9rem}}