#root{height:100vh;width:100vw;overflow:hidden;overflow-y:visible}:root{--bg: #000813;--glass: rgba(255,255,255,.06);--glow: rgba(255,255,255,.9);--text-primary: #FDEB9E;--text-secondary: rgba(255,255,255,.75)}body{margin:0;padding:0;background:radial-gradient(circle at 50% 50%,#00113a,#000813 60%);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden}.about{width:85vw;margin:auto;margin-top:25vh;padding:3rem;border-radius:28px;display:flex;gap:3rem;align-items:center;background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.18);transition:transform .6s ease,box-shadow .5s ease;transform:translateY(25vh)}.about:hover{transform:translateY(65vh) scale(1.03)}.about img{width:250px;height:250px;border-radius:24px;object-fit:cover}.text-container h1{font-size:3.5rem;margin-bottom:1rem}.text-container p{font-size:1.4rem;line-height:1.6;color:var(--text-secondary)}.projects{width:100vw;padding:4rem 3rem}.image-text-container{display:flex;align-items:center;gap:1.2rem}.image-text-container h1{font-size:4.5rem}.image-text-container img{width:4.5rem;height:4.5rem;object-fit:contain}.card{width:100%;padding:2.5rem;margin:2.5rem 0;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);border:1px solid rgba(255,255,255,.25);transition:transform .4s ease,box-shadow .4s ease}.card:hover{transform:perspective(1200px) rotateX(6deg) rotateY(-8deg) scale(1.04)}.card h1{font-size:2.6rem}.card p{font-size:1.25rem;margin:1rem 0 0}.skills{padding:4rem 2rem;background:var(--primary-foreground);color:var(--tertairy-foreground);text-align:center}.skills h1{font-size:2.5rem;margin-bottom:2rem}.skills-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skill-card{background:#0000004d;padding:1.5rem;border-radius:10px;position:relative}.skill-card h2{margin-bottom:1rem}.skill-bar{width:100%;height:10px;background:#ffffff4d;border-radius:5px;overflow:hidden;margin-bottom:.5rem}.skill-fill{height:100%;background:var(--clr-accent);transform:scaleX(0);transform-origin:left;animation:fillBar 1s ease-out forwards}.skill-level{font-size:.9rem;color:var(--clr-accent)}@keyframes fillBar{to{transform:scaleX(1)}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2rem;line-height:1.1}