*{margin:0;padding:0;box-sizing:border-box}html{background:#17191a}body{margin:0;min-height:100vh;font-family:Inconsolata,Consolas}#reactRoot{position:relative;width:100%}:root{--bg1: #011028;--bg2: #000000;--accent: #145cae;--muted: rgba(255,255,255,.85);--card-bg: rgba(255,255,255,.03);--text-color: rgba(147, 224, 255, .845)}h1,h2{font-family:Inconsolata,Consolas}.label>div{font-family:Inconsolata,Consolas;position:absolute;color:#31cfe1;padding:10px;white-space:nowrap;overflow:hidden;border-radius:30px;font-size:small}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;transition:opacity .5s}.full-section{position:relative;display:flex;height:100vh;min-height:700px;padding:clamp(12px,4vmin,40px);z-index:1}.full-section-right{position:relative;justify-content:flex-end;display:flex;height:100vh;padding:clamp(12px,4vmin,40px);z-index:1}.full-screen{display:flex;margin:2rem}.half-screen{display:flex;align-items:center;margin:2rem}#section-one{display:flex;flex:1 1 50%;max-width:50%;justify-content:flex-start}#section-three{flex:1 1 35%;max-width:35%;align-self:stretch;height:100%;display:flex;flex-direction:column;justify-content:center}#self-introduction{background:var(--card-bg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:12px;padding:clamp(12px,2.8vmin,24px);margin:clamp(12px,2.8vmin,24px);box-shadow:0 6px 22px #00000073,inset 0 1px #ffffff05;border:4px solid rgba(255,255,255,.04);color:var(--text-color);line-height:2;letter-spacing:.1rem;font-size:clamp(14px,1.8vmin,18px)}a{color:var(--text-color)}.aboutMe-column{display:flex;flex-direction:column;justify-content:center;margin:clamp(12px,2.8vmin,24px);height:100%}.left-column{flex:6}.right-column{flex:4}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:12px;padding:clamp(16px,2.5vmin,32px);box-shadow:0 6px 22px #00000073,inset 0 1px #ffffff05;border:4px solid rgba(255,255,255,.04);color:var(--text-color);font-size:clamp(17px,2vmin,16px);line-height:2;letter-spacing:.1rem}.scrollable-content{max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain;gap:1.5rem}.scrollable-content-hobby{max-height:35vh;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain;gap:1.5rem}.hobby-wrapper{display:flex;flex-direction:column;gap:2rem}.hobby-wrapper h1{font-size:2rem;color:#fff}.image-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.image-wrapper{flex:1;display:flex;justify-content:center;border-radius:8px}.image-wrapper img{width:100%;height:100%;object-fit:cover;max-height:300px}.resume-container{display:flex;align-items:center}.resume-button{color:#fff;padding:8px;font-weight:700}.project-column{margin:clamp(12px,2.8vmin,24px);display:flex;flex-direction:column;gap:1.5rem}.tech-list{background:var(--card-bg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:12px;box-shadow:0 6px 22px #00000073,inset 0 1px #ffffff05;border:4px solid rgba(255,255,255,.04);justify-content:center;display:flex;gap:12px;flex-wrap:wrap;margin-bottom:.7rem}.tech-item{padding:clamp(.5rem,2.8vmin,24px);color:var(--text-color);font-size:clamp(1.3rem,2vmin,3rem);font-weight:400}.separator{color:#ffffffeb;font-size:clamp(1.5rem,2vmin,3rem)}.scrollable-content-description{max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain;gap:1.5rem}#project-description{background:var(--card-bg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:12px;padding:clamp(12px,2.8vmin,24px);box-shadow:0 6px 22px #00000073,inset 0 1px #ffffff05;border:4px solid rgba(255,255,255,.04);color:var(--text-color);line-height:1.7;letter-spacing:.07rem;font-size:clamp(14px,1.6vmin,18px);max-width:100%}#project-description h1{font-size:clamp(25px,4vmin,18px)}.description-list{list-style:none;padding:0;margin-top:12px}.description-list li{position:relative;padding-left:24px;margin-bottom:10px}.description-list li:before{content:"•";position:absolute;left:0;top:1px;font-size:22px;color:var(--text-color);line-height:1}.project-controls{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vmin,20px);padding:clamp(8px,2vmin,16px);background:var(--card-bg);border-radius:12px;border:4px solid rgba(255,255,255,.04);box-shadow:0 6px 22px #00000073,inset 0 1px #ffffff05;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.control-btn{background:#145cae33;border:2px solid rgba(40,137,179,.4);border-radius:8px;color:#2889b3eb;cursor:pointer;padding:clamp(10px,2vmin,14px);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:clamp(44px,8vmin,56px);height:clamp(44px,8vmin,56px)}.control-btn:hover{background:#145cae66;border-color:#2889b3cc;color:#a8e3f9;transform:translateY(-2px);box-shadow:0 4px 16px #2889b34d}.control-btn:active{transform:translateY(0);box-shadow:0 2px 8px #2889b333}.control-btn svg{width:clamp(20px,4vmin,24px);height:clamp(20px,4vmin,24px);transition:transform .3s ease}.play-pause-btn{background:#145cae4d;border-width:3px;width:clamp(52px,10vmin,64px);height:clamp(52px,10vmin,64px)}.play-pause-btn svg{width:clamp(24px,5vmin,28px);height:clamp(24px,5vmin,28px)}.play-pause-btn:hover{background:#145cae80;box-shadow:0 6px 20px #2889b366;transform:scale(1.1)}.github-link{display:flex;align-items:center;justify-content:center;padding:clamp(8px,1vmin,16px);background:var(--card-bg);border-radius:12px;border:4px solid rgba(255,255,255,.04);box-shadow:0 6px 22px #00000073,inset 0 1px #ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.github-link a{color:#fff}.prev-btn:hover svg,.next-btn:hover svg{transform:scale(2)}