@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg-color: #f8f9fa;--primary-text: #1d1d1f;--secondary-text: #6e6e73;--accent-color: #007aff;--accent-gradient: linear-gradient(135deg, #007aff, #0a84ff);--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .2), rgba(255, 255, 255, .1));--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1), inset 0 1px 1px 0 rgba(255, 255, 255, .5);--font-primary: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--primary-text);line-height:1.6;overflow:hidden;background-image:radial-gradient(circle at 15% 15%,hsla(217,89%,61%,.1),transparent 40%),radial-gradient(circle at 85% 80%,hsla(217,89%,61%,.12),transparent 50%),radial-gradient(circle at 50% 50%,hsla(217,89%,61%,.05),transparent 60%)}.app-container{display:flex;height:100vh}.left-pane{width:40%;height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;padding:3rem 4%;overflow-y:auto}.left-pane-content{display:flex;flex-direction:column;justify-content:flex-start;flex-grow:1;gap:2.5rem}.right-pane{width:60%;margin-left:40%;height:100vh;overflow-y:auto;padding:4rem 5%;display:flex;flex-direction:column;align-items:center}.left-pane::-webkit-scrollbar,.right-pane::-webkit-scrollbar{width:4px}.left-pane::-webkit-scrollbar-track,.right-pane::-webkit-scrollbar-track{background:transparent}.left-pane::-webkit-scrollbar-thumb,.right-pane::-webkit-scrollbar-thumb{background:#007aff80;border-radius:10px}.profile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}.profile-identity{display:flex;align-items:center;gap:1rem}.profile-pic{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color);box-shadow:0 0 20px #007aff33;flex-shrink:0}.profile-identity h1{font-size:1.7rem;font-weight:600;color:var(--primary-text);line-height:1.1}.availability-badge{display:inline-flex;align-items:center;gap:8px;background:#34c75926;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#34c759;padding:8px 16px;border-radius:12px;font-size:.75rem;font-weight:600;border:1px solid rgba(52,199,89,.3);white-space:nowrap}.indicator{width:8px;height:8px;background-color:#34c759;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #34c75999}70%{box-shadow:0 0 0 10px #34c75900}to{box-shadow:0 0 #34c75900}}.hero-text h2{font-size:1.3rem;font-weight:500;margin-bottom:1rem;line-height:1.2}.hero-text .hero-bio{font-size:.85rem;color:var(--secondary-text);margin-bottom:1.5rem}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap}.cta-buttons a{padding:12px 24px;font-size:.9rem;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.5rem}.cta-primary{background:var(--accent-color);color:#fff;box-shadow:0 4px 15px #007aff33}.cta-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #007aff4d;background:#0a84ff}.cta-secondary{background:#6e6e731a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--primary-text);border:1px solid rgba(0,0,0,.05)}.cta-secondary:hover{background:#6e6e7333;transform:translateY(-2px) scale(1.02)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.fixed-sections{margin-top:auto;display:flex;flex-direction:column;gap:1.5rem}.section-subtitle{text-align:center;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--secondary-text);margin-bottom:1rem}.content-section-fixed h2,.content-section h2{font-size:2.2rem;margin-bottom:2rem;text-align:center}.skills-marquee{overflow:hidden;position:relative;padding:.5rem 0;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.marquee-track{display:flex;width:fit-content;animation:scroll-horizontal 45s linear infinite}@keyframes scroll-horizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.skill-card{width:260px;margin:0 .75rem;flex-shrink:0;padding:1.5rem}.skill-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 40px #1f268726,inset 0 1px 1px #ffffff80}.skill-card h3{text-align:center;margin-bottom:1rem;font-size:1rem;color:var(--primary-text);font-weight:600}.skills-pills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.skill-pill{background:#007aff26;color:var(--accent-color);font-weight:500;padding:.4rem .8rem;border-radius:15px;font-size:.75rem;border:1px solid rgba(0,122,255,.2);transition:all .3s ease}.skill-pill:hover{background:#007aff40;transform:scale(1.05)}.difference-section{text-align:center;padding:2rem 1rem}.difference-section h2{font-size:1.5rem;line-height:1.4;margin:0}.animated-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.cursor{animation:blink 1s step-end infinite;color:var(--accent-color)}@keyframes blink{0%,to{color:transparent}50%{color:var(--accent-color)}}.content-section{width:100%;max-width:900px;margin:0 auto}.project-gallery{display:flex;flex-direction:column;gap:3rem;align-items:center;width:100%}.project-card{width:100%;max-width:800px;padding:1.5rem;position:relative}.project-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:0 16px 45px #1f26872e,inset 0 1px 1px #ffffff80}.project-image-container{width:100%;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background-color:#0000000d}.project-image-container img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.project-card:hover .project-image-container img{transform:scale(1.03)}.footer{text-align:center;padding:3rem 0 2rem;color:var(--secondary-text);border-top:1px solid rgba(0,0,0,.1);margin-top:4rem;width:100%}@media(max-width:1024px){body{overflow:auto}.app-container{flex-direction:column;height:auto}.left-pane{width:100%;height:auto;position:relative;padding:3rem 5% 2rem;overflow-y:visible}.left-pane-content{justify-content:flex-start;gap:3rem}.fixed-sections{margin-top:0}.right-pane{width:100%;margin-left:0;height:auto;overflow-y:visible;padding-top:2rem}.profile-header{flex-wrap:nowrap;justify-content:space-between;gap:1rem}.profile-identity,.availability-badge{flex-grow:0}.cta-buttons{gap:.75rem;justify-content:flex-start}.cta-buttons a{padding:12px 20px;font-size:.85rem}.project-card{padding:1rem}}@media(max-width:480px){.profile-header{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:.75rem}.profile-pic{width:50px;height:50px}.profile-identity h1{font-size:1.25rem}.availability-badge{padding:6px 12px;font-size:.7rem}.cta-buttons a{padding:10px 20px;font-size:.85rem}.skill-card{width:220px;padding:1rem}.project-card{padding:.75rem}}.custom-cursor-container{position:fixed;top:0;left:0;pointer-events:none;z-index:99999;mix-blend-mode:difference}.custom-cursor-shape{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:14px;height:14px;background-color:#fff;border-radius:50%;transition:width .3s cubic-bezier(.19,1,.22,1),height .3s cubic-bezier(.19,1,.22,1),border-radius .3s ease,background-color .3s ease;will-change:width,height,transform}.custom-cursor-container .custom-cursor-shape.hover{width:48px;height:48px;background-color:#fff}.custom-cursor-container .custom-cursor-shape.text{width:4px;height:28px;border-radius:2px}.custom-cursor-container.hidden{opacity:0!important;transition:opacity .3s ease}@media(hover:hover)and (pointer:fine){*{cursor:none!important}.custom-cursor-container{display:block}}@media(hover:none)and (pointer:coarse){.custom-cursor-container{display:none!important}*{cursor:auto!important}}