*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,255,214,.2) 0%,transparent 50%),linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);background-size:400% 400%;animation:gradientShift 8s ease infinite;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%),linear-gradient(-45deg,transparent 40%,rgba(255,255,255,.03) 50%,transparent 60%);background-size:60px 60px;animation:geometricMove 20s linear infinite;z-index:-1;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(120,119,198,.1) 0%,transparent 70%),conic-gradient(from 0deg at 50% 50%,rgba(255,119,198,.1) 0deg,transparent 60deg,rgba(120,255,214,.1) 120deg,transparent 180deg,rgba(255,119,198,.1) 240deg,transparent 300deg,rgba(120,119,198,.1) 360deg);background-size:200% 200%;animation:rotateGradient 15s linear infinite;z-index:-1;pointer-events:none}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes geometricMove{0%{transform:translate(0) translateY(0)}25%{transform:translate(60px) translateY(-30px)}50%{transform:translate(0) translateY(-60px)}75%{transform:translate(-60px) translateY(-30px)}to{transform:translate(0) translateY(0)}}@keyframes rotateGradient{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(45deg,#1a1a2e,#16213e,#0f3460,#0a2c54,#061e3a);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 1s ease,visibility 1s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;color:#fff}.loading-cube{position:relative;width:100px;height:100px;margin:0 auto 2rem;transform-style:preserve-3d;animation:loadingRotate 2s infinite linear}.loading-face{position:absolute;width:100px;height:100px;background:#ffd7001a;border:2px solid #ffd700;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:gold;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-face.front{transform:translateZ(50px)}.loading-face.back{transform:translateZ(-50px) rotateY(180deg)}.loading-face.right{transform:rotateY(90deg) translateZ(50px)}.loading-face.left{transform:rotateY(-90deg) translateZ(50px)}.loading-face.top{transform:rotateX(90deg) translateZ(50px)}.loading-face.bottom{transform:rotateX(-90deg) translateZ(50px)}.loading-title{font-size:2.5rem;margin-bottom:2rem;color:gold;animation:fadeInUp 1s ease}.loading-bar{width:300px;height:4px;background:#fff3;border-radius:2px;margin:2rem auto;overflow:hidden}.loading-progress{height:100%;background:linear-gradient(45deg,gold,#ffed4e);border-radius:2px;width:0%;animation:loadingProgress 3s ease-in-out}.loading-text{font-size:1.1rem;opacity:.8;animation:pulse 1.5s infinite}@keyframes loadingRotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes loadingProgress{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.container{opacity:0;transition:opacity 1s ease}.container.loaded{opacity:1}.geometric-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.floating-shape{position:absolute;animation:float-3d 12s linear infinite;transform-style:preserve-3d;border-radius:50%}.floating-shape.triangle{width:0!important;height:0!important;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:25px solid;border-radius:0;animation:float-3d-triangle 10s linear infinite}.floating-shape.diamond{transform:rotate(45deg);border-radius:0;animation:float-3d-diamond 14s linear infinite}.floating-shape.hexagon{border-radius:0;position:relative;background:transparent!important;width:30px!important;height:17px!important;animation:float-3d-hexagon 11s linear infinite}.floating-shape.hexagon:before,.floating-shape.hexagon:after{content:"";position:absolute;width:0;border-left:15px solid transparent;border-right:15px solid transparent}.floating-shape.hexagon:before{bottom:100%;border-bottom:8.5px solid}.floating-shape.hexagon:after{top:100%;border-top:8.5px solid}.floating-shape.pentagon{position:relative;width:30px!important;border-width:20px 9px 0;border-style:solid;border-color:transparent;border-radius:0;background:transparent!important;animation:float-3d-pentagon 13s linear infinite}.floating-shape.pentagon:before{content:"";position:absolute;height:0;width:0;top:-35px;left:-9px;border-width:0 24px 18px;border-style:solid;border-color:transparent transparent}.floating-shape.circle{border-radius:50%;animation:float-3d-circle 9s linear infinite}@keyframes float-3d{0%{transform:translateY(100vh) rotateX(0) rotateY(0) rotate(var(--rotation));opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100px) rotateX(360deg) rotateY(360deg) rotate(calc(var(--rotation) + 360deg));opacity:0}}@keyframes float-3d-triangle{0%{transform:translateY(100vh) rotateX(0) rotateY(0) rotate(0);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-100px) rotateX(720deg) rotateY(360deg) rotate(360deg);opacity:0}}@keyframes float-3d-diamond{0%{transform:translateY(100vh) rotateX(0) rotateY(0) rotate(45deg);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) rotateX(360deg) rotateY(720deg) rotate(405deg);opacity:0}}@keyframes float-3d-hexagon{0%{transform:translateY(100vh) rotateX(0) rotateY(0) rotate(0) scale(1);opacity:0}10%{opacity:.7}50%{transform:translateY(50vh) rotateX(180deg) rotateY(180deg) rotate(180deg) scale(1.2)}90%{opacity:.7}to{transform:translateY(-100px) rotateX(360deg) rotateY(360deg) rotate(360deg) scale(1);opacity:0}}@keyframes float-3d-pentagon{0%{transform:translateY(100vh) rotateX(0) rotateY(0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100px) rotateX(540deg) rotateY(180deg) rotate(360deg);opacity:0}}@keyframes float-3d-circle{0%{transform:translateY(100vh) rotateX(0) rotateY(0) scale(1);opacity:0}10%{opacity:.9}50%{transform:translateY(50vh) rotateX(180deg) rotateY(180deg) scale(1.5)}90%{opacity:.9}to{transform:translateY(-100px) rotateX(360deg) rotateY(360deg) scale(1);opacity:0}}.container{position:relative}.navbar{position:fixed;top:0;width:100%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 2rem;display:flex;justify-content:center;align-items:center;position:relative}.nav-brand{font-size:1.5rem;font-weight:700;color:#fff}.nav-menu{display:flex;list-style:none;gap:2rem;position:absolute;right:2rem}.nav-link{color:#fff;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:gold}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 5%;perspective:1000px}.hero-content{flex:1;color:#fff;z-index:2}.hero-title{font-size:4rem;margin-bottom:1rem;animation:slideInLeft 1s ease-out}.hero-subtitle{font-size:1.5rem;margin-bottom:1rem;color:gold;animation:slideInLeft 1s ease-out .2s both}.hero-description{font-size:1.2rem;margin-bottom:2rem;opacity:.9;animation:slideInLeft 1s ease-out .4s both}.cta-button{background:linear-gradient(45deg,gold,#ffed4e);color:#333;border:none;padding:1rem 2rem;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;animation:slideInLeft 1s ease-out .6s both}.cta-button:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ffd70066}.cube-container{flex:1;display:flex;justify-content:center;align-items:center;height:400px}.cube{position:relative;width:200px;height:200px;transform-style:preserve-3d;animation:rotate 10s infinite linear}.face{position:absolute;width:200px;height:200px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.face.front{transform:translateZ(100px)}.face.back{transform:translateZ(-100px) rotateY(180deg)}.face.right{transform:rotateY(90deg) translateZ(100px)}.face.left{transform:rotateY(-90deg) translateZ(100px)}.face.top{transform:rotateX(90deg) translateZ(100px)}.face.bottom{transform:rotateX(-90deg) translateZ(100px)}.typewriter-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0000001a;perspective:1500px;overflow:hidden}.typewriter-container{text-align:center;transform-style:preserve-3d;animation:float3D 6s ease-in-out infinite}.typing-text{font-size:4rem;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3),0 0 60px rgba(255,215,0,.2);transform:rotateX(20deg) rotateY(0);transform-style:preserve-3d;position:relative;display:inline-block;letter-spacing:3px}.typing-text:before{content:attr(data-text);position:absolute;top:0;left:0;transform:translateZ(-20px);color:#ffd7004d;z-index:-1}.typing-text:after{content:attr(data-text);position:absolute;top:0;left:0;transform:translateZ(-40px);color:#ffd7001a;z-index:-2}.typed-word{display:inline-block;transform:rotateY(0);transition:transform .3s ease;animation:textGlow 2s ease-in-out infinite alternate}.cursor{display:inline-block;animation:blink 1s infinite;color:#fff;font-weight:400}@keyframes float3D{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}25%{transform:translateY(-20px) rotateX(5deg) rotateY(2deg)}50%{transform:translateY(0) rotateX(10deg) rotateY(-2deg)}75%{transform:translateY(-10px) rotateX(5deg) rotateY(2deg)}}@keyframes textGlow{0%{text-shadow:0 0 20px rgba(255,215,0,.5),0 0 40px rgba(255,215,0,.3),0 0 60px rgba(255,215,0,.2);transform:rotateY(0) scale(1)}to{text-shadow:0 0 30px rgba(255,215,0,.8),0 0 50px rgba(255,215,0,.5),0 0 80px rgba(255,215,0,.3);transform:rotateY(5deg) scale(1.05)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}section{min-height:100vh;padding:5rem 0;display:flex;align-items:center}.section-content{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.section-title{font-size:3rem;text-align:center;margin-bottom:3rem;color:#fff;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(45deg,gold,#ffed4e)}.about{background:#ffffff0d}.about-grid{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:center}.about-text{color:#fff}.about-text p{font-size:1.2rem;margin-bottom:2rem;line-height:1.8}.skills{display:flex;flex-direction:column;gap:1.5rem}.skill-item{display:flex;flex-direction:column;gap:.5rem}.skill-name{font-weight:700}.skill-bar{height:10px;background:#fff3;border-radius:5px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(45deg,gold,#ffed4e);border-radius:5px;width:0;transition:width 2s ease}.floating-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;text-align:center;color:#fff;transform:translateY(0);animation:float 3s ease-in-out infinite}.floating-card h3{font-size:3rem;color:gold;margin-bottom:.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-10px) rotateX(5deg);box-shadow:0 20px 40px #0000004d}.project-image{height:200px;background:linear-gradient(45deg,#667eea,#764ba2);position:relative;display:flex;align-items:center;justify-content:center}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-btn{background:gold;color:#333;border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:700;transition:transform .3s ease}.project-btn:hover{transform:scale(1.1)}.project-info{padding:1.5rem;color:#fff}.project-info h3{margin-bottom:.5rem;color:gold}.project-info p{margin-bottom:1rem;opacity:.9}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{background:#ffd70033;color:gold;padding:.3rem .8rem;border-radius:15px;font-size:.8rem}.certificates{background:#ffffff08;position:relative}.certificates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.certificate-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,215,0,.2)}.certificate-card:hover{transform:translateY(-15px) rotateX(5deg);box-shadow:0 25px 50px #ffd70033}.certificate-image{height:200px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#667eea,#764ba2)}.certificate-image.mern-cert{background:linear-gradient(135deg,#61dafb,#21759b,#90ee90)}.certificate-image.flutter-cert{background:linear-gradient(135deg,#02569b,#54c5f8,#0553b1)}.certificate-image.ai-cert{background:linear-gradient(135deg,gold,#ffb347,#ff6b35)}.certificate-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:1rem}.cert-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 2s infinite}.certificate-overlay h4{font-size:1.3rem;margin-bottom:.5rem;color:gold}.certificate-overlay p{font-size:1rem;opacity:.9}.certificate-info{padding:1.5rem;color:#fff}.certificate-info h3{margin-bottom:.5rem;color:gold;font-size:1.3rem}.cert-org{color:#90ee90;font-weight:700;margin-bottom:.8rem;font-size:.9rem}.cert-desc{margin-bottom:1rem;opacity:.9;line-height:1.5}.cert-tags{display:flex;gap:.5rem;flex-wrap:wrap}.cert-tag{background:#ffd70033;color:gold;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;border:1px solid rgba(255,215,0,.3)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.certificate-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{position:relative;background-color:#ffffff1a;margin:5% auto;padding:20px;border-radius:20px;width:90%;max-width:800px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,215,0,.3);animation:modalSlideIn .3s ease}.modal-image{width:100%;height:auto;border-radius:15px;margin-bottom:20px;box-shadow:0 10px 30px #00000080}.modal-info{text-align:center;color:#fff}.modal-info h3{color:gold;font-size:1.5rem;margin-bottom:.5rem}.modal-info p{color:#90ee90;font-size:1.1rem}.close-modal{position:absolute;top:15px;right:25px;color:gold;font-size:35px;font-weight:700;cursor:pointer;transition:color .3s ease}.close-modal:hover{color:#fff}.click-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#ffd700e6;color:#333;padding:5px 10px;border-radius:15px;font-size:.8rem;opacity:0;transition:opacity .3s ease;pointer-events:none}.certificate-card:hover .click-hint{opacity:1}.certificate-card{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.certificate-card:hover{transform:translateY(-15px) rotateX(5deg) scale(1.02);box-shadow:0 25px 50px #ffd7004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.contact{background:#ffffff0d}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:center;gap:1rem;color:#fff}.contact-icon{font-size:2rem;width:60px;height:60px;background:#ffd70033;border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:none;border-radius:10px;background:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffffb3}.submit-btn{background:linear-gradient(45deg,gold,#ffed4e);color:#333;border:none;padding:1rem 2rem;border-radius:25px;cursor:pointer;font-weight:700;transition:transform .3s ease}.submit-btn:hover{transform:translateY(-3px)}.nature-gallery{padding:5rem 0;background:#0032001a}.nature-intro{text-align:center;margin-bottom:3rem;color:#fff}.nature-intro p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.gallery-item{perspective:1000px}.nature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d}.nature-card:hover{transform:translateY(-15px) rotateX(10deg) rotateY(5deg);box-shadow:0 25px 50px #0006}.nature-image{height:250px;background-size:cover;background-position:center;position:relative;transition:transform .3s ease}.nature-card:hover .nature-image{transform:scale(1.1)}.nature-image.forest{background:linear-gradient(45deg,#2d5016,#4a7c59,#6b9080);background-image:radial-gradient(circle at 20% 80%,rgba(120,200,80,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(34,139,34,.3) 0%,transparent 50%),linear-gradient(135deg,#228b22,#32cd32)}.nature-image.mountains{background:linear-gradient(45deg,#4a5568,#718096,#a0aec0);background-image:linear-gradient(135deg,#2d3748,#4a5568,#e2e8f0),radial-gradient(circle at 30% 70%,rgba(255,255,255,.2) 0%,transparent 50%)}.nature-image.ocean{background:linear-gradient(45deg,#0077be,#00a8cc,#87ceeb);background-image:radial-gradient(circle at 40% 60%,rgba(255,255,255,.3) 0%,transparent 50%),linear-gradient(135deg,#006994,#0ea5e9)}.nature-image.sunset{background:linear-gradient(45deg,#ff6b35,#f7931e,gold);background-image:radial-gradient(circle at 70% 30%,rgba(255,215,0,.4) 0%,transparent 50%),linear-gradient(135deg,#ff4500,gold)}.nature-image.wildlife{background:linear-gradient(45deg,#8b4513,sienna,#daa520);background-image:radial-gradient(circle at 60% 40%,rgba(139,69,19,.3) 0%,transparent 50%),linear-gradient(135deg,#8b4513,#d2691e)}.nature-image.flowers{background:linear-gradient(45deg,#ff69b4,#ff1493,#ffd1dc);background-image:radial-gradient(circle at 50% 50%,rgba(255,182,193,.4) 0%,transparent 50%),linear-gradient(135deg,#ff69b4,#ffb6c1)}.nature-info{padding:1.5rem;color:#fff}.nature-info h3{margin-bottom:.5rem;color:#90ee90;font-size:1.4rem}.nature-info p{opacity:.9;line-height:1.6}@keyframes nature-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gallery-item:nth-child(odd) .nature-card{animation:nature-float 6s ease-in-out infinite}.gallery-item:nth-child(2n) .nature-card{animation:nature-float 6s ease-in-out infinite reverse}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes rotate{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.nav-menu{display:none}.hero{flex-direction:column;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.about-grid,.contact-content{grid-template-columns:1fr;gap:2rem}.projects-grid{grid-template-columns:1fr}.cube,.face{width:150px;height:150px}.face.front{transform:translateZ(75px)}.face.back{transform:translateZ(-75px) rotateY(180deg)}.face.right{transform:rotateY(90deg) translateZ(75px)}.face.left{transform:rotateY(-90deg) translateZ(75px)}.face.top{transform:rotateX(90deg) translateZ(75px)}.face.bottom{transform:rotateX(-90deg) translateZ(75px)}.typing-text{font-size:2.5rem;letter-spacing:2px}.typewriter-container{padding:0 1rem}}