*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff;background:linear-gradient(to bottom right,#5b21b6,#be185d);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,#5b21b6,#be185d);animation:gradientShift 15s ease infinite;z-index:-1}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}.section{min-height:100vh;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:1}.glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c191799;border-radius:1rem;padding:1.5rem;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.glass:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}.hero-section{flex-direction:column;justify-content:center;padding-bottom:3rem}.hero-content{max-width:1400px}.hero-text h1{font-size:clamp(2rem,5vw,5rem);font-weight:800;margin-bottom:.5rem;line-height:1.1;animation:fadeInUp .8s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.accent{background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.profile-img{width:clamp(200px,30vw,400px);height:clamp(200px,30vw,400px);border-radius:50%;border:6px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0006;transition:all .5s ease;animation:float 6s ease-in-out infinite}.profile-img:hover{transform:scale(1.05) rotate(5deg);border-color:#fff9}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.social-links{display:flex;gap:1rem}.social-links a{color:#fff;font-size:2rem;padding:.5rem;transition:all .3s ease;position:relative}.social-links a:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transition:all .3s ease;transform:translate(-50%)}.social-links a:hover{color:#a855f7;transform:translateY(-5px) scale(1.2)}.social-links a:hover:before{width:80%}.scroll-indicator{animation:bounce 2s infinite;cursor:pointer;transition:all .3s ease}.scroll-indicator:hover{color:#a855f7;transform:scale(1.2)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1rem)}}.about-text h2{font-size:3rem;margin-bottom:1.5rem;animation:slideInLeft .8s ease}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.about-text p{line-height:2;opacity:.95;font-size:1.1rem}.tech-icons{display:flex;flex-direction:column;gap:2rem}.tech-row{display:flex;gap:2rem}.tech-icon{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;width:5rem;height:5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;box-shadow:0 8px 24px #0000004d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(255,255,255,.2);animation:popIn .6s ease backwards}.tech-icon:nth-child(1){animation-delay:.1s}.tech-icon:nth-child(2){animation-delay:.2s}.tech-icon:nth-child(3){animation-delay:.3s}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tech-icon:hover{transform:translateY(-10px) scale(1.1);background:#ffffff40;box-shadow:0 12px 40px #0006}.project-section{position:relative;overflow:hidden}.project-screenshot{position:absolute;max-width:55%;height:auto;animation:float-project 8s ease-in-out infinite;box-shadow:0 30px 80px #00000080;border-radius:1rem;transition:all .5s ease;filter:brightness(.7)}.project-container:hover .project-screenshot{filter:brightness(1);transform:scale(1.05)}@keyframes float-project{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}}.project-screenshot.left{left:5%;top:50%;transform:translateY(-50%)}.project-screenshot.right{right:5%;top:50%;transform:translateY(-50%)}.project-card{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#ffffff26;border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 60px #0006;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .5s ease}.project-card:hover:before{left:100%}.project-card:hover{transform:perspective(1000px) rotateY(-5deg) translateY(-10px);box-shadow:0 30px 80px #00000080;background:#fff3}.project-card h3{font-size:2.5rem;margin-bottom:1.5rem;position:relative;z-index:1}.project-card p{line-height:1.8;opacity:.95;font-size:1.1rem;position:relative;z-index:1}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.tag{background:#fff3;padding:.4rem 1rem;border-radius:2rem;font-size:.9rem;border:1px solid rgba(255,255,255,.3)}footer{text-align:center;padding:2rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}footer a{color:#fff;font-size:1.5rem;transition:all .3s ease}footer a:hover{color:#ffd89b;transform:translateY(-3px)}@media(max-width:820px){.hero-section{padding-top:4rem!important;padding-bottom:4rem!important}.hero-content{text-align:center!important;flex-direction:column!important}.hero-text{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-text .glass{width:90%!important;padding:1rem!important}.social-links{justify-content:center}.profile-img{margin-top:1.5rem!important;width:220px!important;height:220px!important}.scroll-indicator{margin-top:1.5rem!important}.section{min-height:auto!important;padding:3rem 1rem!important}.project-section{overflow:visible!important}.project-container{flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:1.5rem!important}.project-screenshot{position:static!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto 1rem!important;transform:none!important;animation:none!important;filter:brightness(1)!important}.project-card{width:100%!important;margin:0 auto;transform:none!important;padding:1.6rem!important}.project-container>.col-md-5{display:none!important}}