*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{text-align:center}.navbar{background:#000;border-bottom:1px solid #ffffff14;box-shadow:0 4px 10px #ffffff0d;color:#fff;justify-content:space-between;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease-in-out;z-index:999}.navbar,.navbar__logo{align-items:center;display:flex}.navbar__logo{gap:12px}.navbar__logo img{filter:brightness(0) invert(1);height:44px;object-fit:contain;transition:transform .3s ease-in-out;width:44px}.navbar__logo img:hover{transform:scale(1.1) rotate(6deg)}.navbar__logo h2{color:#fff;font-size:1.6rem;font-weight:700;letter-spacing:1px}.navbar__links{align-items:center;display:flex;gap:28px;list-style:none}.navbar__links a{color:#fff;font-weight:500;padding:5px 0;position:relative;text-decoration:none;transition:all .3s ease}.navbar__links a:after{background-color:#fff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar__links a:hover{color:#e5e5e5}.navbar__links a:hover:after{width:100%}@media (max-width:768px){.navbar{align-items:flex-start;flex-direction:column;padding:16px 20px}.navbar__links{flex-direction:column;gap:16px;margin-top:10px;width:100%}.navbar__links a{padding:8px 0;width:100%}}.home{align-items:center;background:linear-gradient(145deg,#121212,#1f1f1f);display:flex;flex-wrap:wrap;gap:60px;justify-content:space-between;overflow:hidden;padding:100px 50px;position:relative;z-index:1}.home:before{animation:pulseGlow 10s infinite alternate;background:radial-gradient(circle,#ff6b810d,#0000 70%);content:"";height:160%;left:-25%;pointer-events:none;position:absolute;top:-25%;width:160%;z-index:0}.home__content{animation:fadeInLeft 1s ease-in-out;flex:1 1;max-width:600px;min-width:300px;position:relative;z-index:2}.home__content h1{color:#fff;font-size:3.8rem;font-weight:900;letter-spacing:1.2px;margin-bottom:14px}.home__content h2{color:#ffb347;font-size:2.3rem;font-weight:700;margin-bottom:24px}.home__content p{color:#d3d3d3;font-size:1.2rem;line-height:1.75;margin-bottom:38px}.home__cta{background:linear-gradient(135deg,#ff6b81,#ffb347);border-radius:14px;box-shadow:0 6px 22px #ff6b8166;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:14px 32px;position:relative;text-decoration:none;transition:all .35s ease;z-index:2}.home__cta:hover{box-shadow:0 12px 28px #ff6b8180;transform:scale(1.05) translateY(-4px)}.home__image{align-items:center;animation:fadeInRight 1s ease-in-out;display:flex;flex:1 1;justify-content:center;min-width:280px;position:relative;z-index:2}.home__image img{border-radius:50%;box-shadow:0 20px 40px #ffffff14;filter:grayscale(100%);height:340px;object-fit:cover;position:relative;transition:transform .5s ease,filter .5s ease;width:340px}.home__image img:hover{filter:grayscale(0) saturate(1.2);transform:scale(1.08) rotate(1deg)}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.about{background:linear-gradient(145deg,#121212,#1f1f1f);overflow:hidden;padding:100px 50px;position:relative;z-index:1}.about:before{animation:aboutPulse 10s infinite alternate;background:radial-gradient(circle,#ff6b810d,#0000 70%);content:"";height:160%;left:-25%;pointer-events:none;position:absolute;top:-20%;transform:rotate(30deg);width:160%;z-index:0}@keyframes aboutPulse{0%{opacity:.04;transform:scale(1)}to{opacity:.09;transform:scale(1.1)}}.about h2{color:#fff;font-size:3rem;font-weight:900;letter-spacing:1.5px;margin-bottom:50px;position:relative;text-align:center;z-index:2}.about h2:after{animation:glowBar 2s ease-in-out infinite alternate;background:linear-gradient(90deg,#ff6b81,#ffb347);border-radius:4px;content:"";display:block;height:4px;margin:14px auto 0;width:70px}@keyframes glowBar{0%{opacity:.7;width:60px}to{opacity:1;width:90px}}.about__content{animation:fadeInUp 1s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 25px 60px #ffffff0d;color:#ddd;font-size:1.15rem;line-height:1.85;margin:auto;max-width:920px;padding:45px;position:relative;text-align:justify;transition:all .35s ease;z-index:2}.about__content:hover{background:#ffffff0d;box-shadow:0 30px 80px #ffffff1a;transform:scale(1.01)}.projects{background:linear-gradient(145deg,#0d0d0d,#1a1a1a);font-family:Segoe UI,sans-serif;overflow:hidden;padding:100px 50px;position:relative;z-index:1}.projects:before{animation:pulseGlow 8s infinite alternate;background:radial-gradient(circle,#ff6b8112,#0000 70%);content:"";height:200%;left:-30%;pointer-events:none;position:absolute;top:-30%;transform:rotate(25deg);width:200%;z-index:0}.projects h2{color:#fff;font-size:3rem;font-weight:900;letter-spacing:1.8px;margin-bottom:70px;position:relative;text-align:center;z-index:2}.projects h2:after{animation:pulseUnderline 2.5s ease-in-out infinite;background:linear-gradient(90deg,#ff6b81,#fcb045);border-radius:3px;content:"";display:block;height:4px;margin:20px auto 0;width:90px}@keyframes pulseUnderline{0%,to{width:90px}50%{width:110px}}.projects__container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:auto;max-width:1300px;position:relative;z-index:2}.project__card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 20px 50px #0000004d;overflow:hidden;padding:32px;perspective:1000px;position:relative;transform-style:preserve-3d;transition:transform .6s ease,box-shadow .6s ease;z-index:2}.project__card:hover{box-shadow:0 0 50px #ff6b8140;transform:translateY(-10px) scale(1.03) rotateX(2deg) rotateY(1deg)}.project__card:after{background:radial-gradient(circle at top left,#ff6b8126,#0000 60%);content:"";height:150%;left:-20%;opacity:.3;pointer-events:none;position:absolute;top:-20%;transform:rotate(30deg);width:150%;z-index:0}.project__icon{animation:float 4s ease-in-out infinite;font-size:2.6rem;margin-bottom:20px;position:relative;z-index:2}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.project__card h3{color:#ffb347;font-size:1.75rem;font-weight:800;margin-bottom:14px;position:relative;z-index:2}.project__card p{color:#e6e6e6;font-size:1.05rem;line-height:1.8}.project__card p,.project__tech{margin-bottom:24px;position:relative;z-index:2}.project__tech{display:flex;flex-wrap:wrap;gap:10px}.tech__chip{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;color:#ffb347;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:6px 12px;transition:all .3s ease}.tech__chip img{border-radius:4px;filter:drop-shadow(0 0 1px rgba(0,0,0,.5));height:20px;object-fit:contain;width:20px}.tech__chip:hover{background:#ff6b814d;transform:scale(1.05)}.project__links a{background:linear-gradient(145deg,#ff6b81,#fcb045);border-radius:10px;box-shadow:0 6px 20px #ff6b8133;color:#fff;display:inline-block;font-weight:700;padding:10px 22px;position:relative;text-decoration:none;transition:all .3s ease;z-index:2}.project__links a:hover{box-shadow:0 8px 30px #fcb04566;transform:scale(1.06) rotate(-1deg)}.skill-section{background:linear-gradient(135deg,#0e0e0e,#1a1a1a);overflow:hidden;padding:100px 30px;position:relative;text-align:center;z-index:1}.skill-section:before{animation:pulseGlow 10s infinite alternate;background:radial-gradient(circle,#ff6b8112,#0000 70%);content:"";height:160%;left:-20%;pointer-events:none;position:absolute;top:-20%;transform:rotate(20deg);width:160%;z-index:0}@keyframes pulseGlow{0%{opacity:.05;transform:scale(1)}to{opacity:.12;transform:scale(1.1)}}.skill-title{color:#fff;font-size:3rem;font-weight:900;letter-spacing:1.5px;margin-bottom:60px;position:relative;z-index:2}.skill-title:after{animation:expand 1.5s ease-in-out infinite alternate;background:linear-gradient(90deg,#ff6b81,#ffb347);border-radius:4px;content:"";display:block;height:4px;margin:16px auto 0;width:70px}@keyframes expand{0%{width:60px}to{width:90px}}.skill-grid{grid-gap:40px;animation:fadeInUp 1s ease-in-out;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;max-width:1000px;position:relative;z-index:2}.skill-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;box-shadow:0 12px 35px #00000040;cursor:default;overflow:hidden;padding:28px 20px;position:relative;transition:transform .4s ease,box-shadow .4s ease}.skill-card:hover{box-shadow:0 20px 50px #ffffff26;transform:translateY(-10px) scale(1.05)}.skill-card:before{background:radial-gradient(circle at top left,#ff6b810d,#0000 60%);content:"";height:180%;left:-40%;pointer-events:none;position:absolute;top:-40%;transform:rotate(25deg);width:180%;z-index:0}.skill-img{filter:drop-shadow(0 0 3px rgba(255,255,255,.08));height:70px;margin-bottom:16px;object-fit:contain;position:relative;transition:transform .4s ease;width:70px;z-index:2}.skill-card:hover .skill-img{transform:scale(1.15) rotate(2deg)}.skill-name{color:#fefefe;font-size:1.15rem;font-weight:700;letter-spacing:.5px;position:relative;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-section{background:linear-gradient(135deg,#121212,#1f1f1f);overflow:hidden;padding:100px 30px;position:relative;text-align:center;z-index:1}.contact-section:before{animation:contactPulse 12s infinite alternate;background:radial-gradient(circle,#ff6b810a,#0000 70%);content:"";height:160%;left:-20%;pointer-events:none;position:absolute;top:-20%;width:160%;z-index:0}@keyframes contactPulse{0%{opacity:.05;transform:scale(1)}to{opacity:.12;transform:scale(1.1)}}.contact-container{animation:fadeInZoom .9s ease-in-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;box-shadow:0 20px 60px #ffffff0d;margin:0 auto;max-width:750px;padding:60px 35px;position:relative;transition:all .35s ease;z-index:2}.contact-container:hover{box-shadow:0 28px 80px #ffffff14;transform:scale(1.01)}.contact-title{color:#fff;font-size:2.6rem;font-weight:900;letter-spacing:1px;margin-bottom:14px}.contact-subtitle{color:#cfd8dc;font-size:1.1rem;margin-bottom:40px}.contact-details{flex-direction:column;gap:28px}.contact-details,.contact-item{align-items:center;display:flex}.contact-item{background:#ffffff05;border-radius:12px;color:#e2e8f0;font-size:1.1rem;gap:14px;padding:10px 20px;transition:transform .3s ease,box-shadow .3s ease}.contact-item:hover{box-shadow:0 8px 20px #ffffff0d;transform:scale(1.06) translateY(-2px)}.contact-item .icon{color:#ff6b81;font-size:24px;transition:transform .4s ease}.contact-item:hover .icon{transform:rotate(8deg) scale(1.2)}.contact-item a{color:#4fc3f7;font-weight:600;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#81d4fa;text-decoration:underline}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.95) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}
/*# sourceMappingURL=main.e491849d.css.map*/