*{margin:0;padding:0}html{background:#1e1a20}.webgl{position:fixed;top:0;left:0;outline:none}body{color:var(--theme-color)}.grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px;width:100%;position:absolute;top:50%;left:35%;transform:translate(-50%,-50%)}.card{position:relative;background:var(--theme-color);border-radius:16px;padding:1.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);cursor:pointer;z-index:1}.card h4{margin:0;font-size:1.2rem;font-weight:700;color:var(--theme-color)}.card p{margin-top:1rem;font-size:.9rem;color:var(--theme-color);line-height:1.4}.hover-highlight{position:absolute;background:#ffffff14;border-radius:20px;pointer-events:none;opacity:0;z-index:0;transition:transform .35s cubic-bezier(.25,1,.5,1),width .35s cubic-bezier(.25,1,.5,1),height .35s cubic-bezier(.25,1,.5,1),opacity .25s ease;will-change:transform,width,height,opacity}.section{width:99vw;height:100vh;position:relative;font-family:Cabin,sans-serif}Nav{width:99vw;border-bottom:2px solid black;margin-top:1.9vw;height:3vh;display:flex;align-items:center;margin-bottom:20vh;position:static}Nav a{padding:3vh 3.5vh;text-align:center;background-color:transparent;margin-top:-1.5vw;text-decoration:none;cursor:pointer;color:var(--theme-color)}.choice{position:absolute;font-size:1.2rem;top:-1.5vw;right:17vw;color:var(--theme-color)}.a{color:var(--theme-color)}Nav a i{text-decoration:solid}.section h1{font-size:3rem;font-weight:600;margin-left:5vw}section button{padding:.8vw 1.2vw;color:var(--theme-color);margin-left:5vw;margin-top:2.5vw;background-color:#1e1a20}.section h3{margin-top:2vh;margin-left:5vw}.details{width:50vw;min-height:30vh;margin-right:4vw;margin-top:25vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;position:absolute;right:0;top:0;padding:2vw}.intro{background:var(--theme-color);padding:5rem 1.5rem;border-radius:20px;box-shadow:0 8px 20px #00000014;max-width:800px;margin:2rem auto;margin-right:1vh;margin-top:-10vh;font-family:Inter,sans-serif}.intro h1{font-size:2.2rem;font-weight:700;margin-bottom:1rem;color:var(--theme-color)}.intro p{font-size:1.05rem;line-height:1.8;margin-bottom:1rem;color:var(--theme-color)}.intro span{font-weight:600;color:#2563eb}.intro .highlight{font-size:1.1rem;font-weight:600;color:var(--theme-color);text-align:center;margin-top:1.5rem}#info{position:absolute;top:50%;right:25%;transform:translate(-50%,-25%);font-size:3rem;color:var(--theme-color);cursor:pointer}.details p{margin-bottom:2vh;width:100%;text-align:left;color:var(--theme-color);font-size:1.1rem;line-height:1.6;letter-spacing:.02em;direction:ltr}summary{height:10vh;width:50vw;margin-left:5vw;margin-top:1vh}section:nth-child(odd){justify-content:flex-end}#popup-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9}.contact{width:50vw;margin:3rem auto;padding:2rem;background:var(--theme-color);border-radius:16px;box-shadow:0 6px 16px #00000014;font-family:Inter,sans-serif;text-align:center;position:absolute;top:15%}.contact h2{margin-bottom:1rem;font-size:2rem;color:var(--theme-color)}.contact input,.contact textarea{width:100%;margin:.5rem 0;padding:.8rem;border:1px solid var(--theme-color);border-radius:10px;font-size:1rem;background-color:var(--theme-color);color:var(--theme-color)}.contact button{margin-top:1rem;background:var(--theme-color);color:var(--theme-color);border:none;padding:.9rem 1.5rem;border-radius:10px;font-size:1rem;cursor:pointer;transition:.3s}.contact button:hover{background:#225fe1}#statusMessage{margin-top:1rem;font-size:.95rem}html{scroll-behavior:smooth}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#35393f;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#3b3e47}*{scrollbar-width:thin;scrollbar-color:#313643 transparent}canvas.webgl{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;outline:none}@media (max-width: 768px){.responsive{width:90vw}.a{font-size:2vw}summary{width:85vw;height:15vh;font-size:.8rem;font-weight:700}.grid{left:50%;transform:translate(-50%,-50%);max-width:90%}.details{width:90vw;margin-top:15vh;padding:1rem;align-items:flex-start}.intro{margin:1rem;margin-top:-30vh;padding:2rem 1rem}.choice{font-size:.5rem;top:-2vw;right:26vw}.intro h1{font-size:1.6rem;text-align:center}.intro p{font-size:.8rem;text-align:start}#contact{height:0}.contact{width:90vw;padding:1.5rem;top:-10%;left:50%;transform:translate(-50%)}.contact h2{font-size:1.5rem}.contact input,.contact textarea{font-size:.9rem;padding:.7rem}.contact button{width:100%}#contact{height:0;margin-top:-85vw}Nav{flex-wrap:wrap;height:auto;margin-bottom:10vh}Nav a{padding:1rem;font-size:.7rem;margin:.2rem}.moveto{display:none}}#skill{height:0%}@media (max-width: 414px){Nav a{margin-left:-5vw}.section h1{font-size:.1rem;margin-left:2vw}.section h3{margin-left:2vw;font-size:1rem}section button{margin-left:2vw;padding:.6rem 1rem}.intro{padding:1.5rem;margin:.5rem}.intro h1{font-size:1.4rem}.intro p{font-size:.85rem}.details{width:95vw;margin-top:12vh}.contact{width:95vw;padding:1rem}}.dg.ac{transform:scale(.8);transform-origin:top right}@media (max-width: 768px){.dg.ac{transform:scale(.6)}}#typing{border-right:2px solid #fff;padding-right:2px;white-space:nowrap;overflow:hidden}