html,body{margin:0!important;padding:0!important;background:#07070f!important;width:100%!important;overflow-x:hidden}#root{margin:0!important;padding:0!important;width:100%!important;background:#07070f!important;min-height:100vh;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#eeeef5;font-family:DM Sans,sans-serif;overflow-y:scroll;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#07070f}::-webkit-scrollbar-thumb{background:#d4178a;border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-24px) rotate(3deg)}}@keyframes floatReverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(24px) rotate(-3deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}.skill-pill{transition:all .2s cubic-bezier(.16,1,.3,1);cursor:default}.skill-pill:hover{background:#d4178a26!important;color:#fff!important;transform:translateY(-2px);border-color:#d4178a59!important}.nav-link{transition:color .2s ease;position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#d4178a;transition:width .25s ease}.nav-link:hover{color:#d4178a!important}.nav-link:hover:after{width:100%}.btn-primary{transition:box-shadow .3s ease,transform .3s ease}.btn-primary:hover{box-shadow:0 0 40px #d4178a8c,0 8px 24px #d4178a4d!important;transform:translateY(-3px)}.btn-outline{transition:all .3s ease}.btn-outline:hover{border-color:#d4178a!important;color:#d4178a!important;transform:translateY(-3px);background:#d4178a0f!important}.social-btn{transition:all .25s ease}.social-btn:hover{border-color:#d4178a!important;color:#d4178a!important;background:#d4178a14!important}.custom-cursor-zone,.custom-cursor-zone *,.custom-cursor-zone a,.custom-cursor-zone button{cursor:none!important}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}@media (max-width: 768px){.col-span-2,.col-span-3,.col-span-4{grid-column:span 6}}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr!important}.hero-card{display:none!important}}@keyframes roleFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.6)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes bubbleFloat1{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(10px,-22px) scale(1.04);opacity:.7}}@keyframes bubbleFloat2{0%,to{transform:translate(0) scale(1);opacity:.4}50%{transform:translate(-12px,-28px) scale(1.03);opacity:.65}}@keyframes bubbleFloat3{0%,to{transform:translate(0) scale(1);opacity:.55}50%{transform:translate(8px,-18px) scale(1.05);opacity:.6}}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr!important;gap:40px!important}.hero-card{display:none!important}.about-grid{grid-template-columns:1fr!important;gap:48px!important}.about-photo-wrap{min-height:320px!important;max-width:380px!important;margin:0 auto!important;width:100%!important}.skills-grid{grid-template-columns:1fr!important}.col-span-2,.col-span-3,.col-span-4{grid-column:span 6!important}.projects-grid{grid-template-columns:1fr!important}.nav-links{display:none!important}.contact-section{padding:clamp(32px,6vw,64px) clamp(20px,4vw,40px)!important}}@media (max-width: 480px){.hero-name{font-size:clamp(30px,9vw,44px)!important;letter-spacing:-.5px!important;line-height:1.05!important;overflow-wrap:break-word!important;word-break:break-word!important}.hero-badge{padding:6px 14px!important}.hero-badge-text{font-size:9px!important;letter-spacing:1.2px!important}.contact-heading{font-size:clamp(26px,8vw,38px)!important}.hero-grid>div{min-width:0!important}.contact-heading{overflow-wrap:break-word!important;word-break:break-word!important}.hero-section{padding:100px 20px 60px!important}.hero-stats{gap:28px!important}.hero-ctas{flex-direction:column!important;align-items:flex-start!important}.section-pad{padding:clamp(60px,10vw,100px) 20px!important}.project-card{padding:20px!important}.skill-card{padding:18px 16px!important}.site-footer{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.project-screenshot{height:140px!important}}