body{padding-top:72px;color:#2d3436}.hero{position:relative;background:linear-gradient(135deg,#1c1d57,#312961);overflow:hidden;min-height:100vh}.hero-bg-animation{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.cube{position:absolute;background:#ffffff0d;animation:cube 10s linear infinite;border-radius:10px}.cube:nth-child(1){width:100px;height:100px;top:20%;left:10%}.cube:nth-child(2){width:150px;height:150px;top:40%;right:10%;animation-delay:2s}.cube:nth-child(3){width:80px;height:80px;bottom:30%;left:20%;animation-delay:4s}.cube:nth-child(4){width:120px;height:120px;bottom:20%;right:20%;animation-delay:6s}@keyframes cube{0%{transform:rotate(0) translateY(0);opacity:1}to{transform:rotate(360deg) translateY(-1000px);opacity:0}}.hero-content{position:relative;z-index:2;color:#fff}.hero-badge{margin-bottom:2rem}.badge-pill{background:#ffffff1a;padding:.8rem 1.5rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.9rem;color:#fff}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.developer-text{font-size:2rem;color:#94a3b8;margin-top:.5rem}.text-gradient{background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.2rem;color:#94a3b8;margin-bottom:2.5rem;max-width:500px}.hero-buttons{margin-bottom:2rem}.hero-buttons .btn{padding:.8rem 1.5rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:160px;max-width:200px}@media (max-width: 768px){.hero-buttons{width:100%}.hero-buttons .btn{max-width:none;width:100%;padding:.7rem 1rem;font-size:.95rem}.hero-buttons.flex-column{gap:.75rem!important}}.btn-gradient{background:linear-gradient(135deg,#60a5fa,#a855f7);border:none;transition:transform .3s}.btn-gradient:hover{transform:translateY(-3px)}.hero-stats{display:flex;gap:3rem;margin-top:3rem}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:#fff}.stat-text{color:#94a3b8;font-size:.9rem}.hero-image{position:relative;z-index:2}.image-wrapper{position:relative;padding:2rem}.image-wrapper img{border-radius:20px;box-shadow:0 25px 50px -12px #00000040}.floating-card{position:absolute;background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:15px;display:flex;align-items:center;gap:.5rem;color:#fff;animation:float 6s ease-in-out infinite}.card1{top:10%;left:0;animation-delay:1s}.card2{bottom:10%;right:0;animation-delay:2s}.experience-badge{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#60a5fa,#a855f7);padding:1rem;border-radius:15px;text-align:center;color:#fff;display:flex;flex-direction:column;animation:float 6s ease-in-out infinite;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-left{animation:slideFromLeft 1s ease-out}.animate-right{animation:slideFromRight 1s ease-out}@keyframes slideFromLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideFromRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 992px){.hero-title{font-size:2.5rem}.hero-stats{gap:1.5rem}.hero-buttons{flex-direction:column;gap:1rem}.hero-buttons .btn{width:100%;justify-content:center}.image-wrapper{margin-top:3rem}}.social-icons a{color:#fff;font-size:1.5rem;margin:0 10px;transition:color .3s}social-icons a:hover{color:#0d6efd}.skills .badge{font-size:1rem;padding:8px 16px}section{scroll-margin-top:56px}.card{transition:transform .3s}.card:hover{transform:translateY(-5px)}.py-6{padding-top:5rem;padding-bottom:5rem}.navbar .nav-link{font-weight:600;padding:1rem 1.5rem;color:#1e293b;transition:color .3s}.navbar .nav-link:hover{color:#60a5fa}.navbar-brand{font-size:1.5rem}.skill-badge{display:inline-block;padding:8px 16px;margin:5px;background-color:#e9ecef;border-radius:20px;font-weight:500}.project-card{border:1px solid #dee2e6;border-radius:8px;overflow:hidden;background:#fff;transition:transform .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.project-content{padding:1.5rem}.tech-badge{display:inline-block;padding:4px 12px;margin:0 5px 5px 0;background-color:#e9ecef;border-radius:15px;font-size:.875rem}.contact-card{border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 0 30px #0000001a}.contact-info{border-radius:10px 0 0 10px}.social-links a{color:#fff;font-size:1.5rem;margin-right:1rem;transition:opacity .3s}.social-links a:hover{opacity:.8}.form-control{padding:.8rem;border-radius:8px}.btn{padding:.8rem 1.5rem;border-radius:8px}.btn-primary{background-color:#0d6efd}.btn-primary:hover{background-color:#0b5ed7}img{max-width:100%;height:auto}@media (max-width: 768px){.contact-info{border-radius:10px 10px 0 0}}.skills-category{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;height:100%}.category-title{color:#60a5fa;margin-bottom:1.5rem;font-weight:600;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.skill-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.8rem;border-radius:12px;background:#ffffff0d;transition:transform .3s,background .3s}.skill-item:hover{transform:translateY(-5px);background:#ffffff1a}.skill-icon{width:40px;height:40px;margin-bottom:.5rem}.skill-name{font-size:.8rem;color:#94a3b8}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 576px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.footer{background:linear-gradient(135deg,#0f172a,#1e293b);color:#94a3b8;position:relative}.footer-top{padding:5rem 0 3rem;position:relative}.footer-brand h3{color:#fff;font-size:2rem;font-weight:700}.footer-social{display:flex;gap:1rem}.social-circle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;color:#fff;font-size:1.1rem;transition:all .3s ease}.social-circle:hover{background:linear-gradient(135deg,#60a5fa,#a855f7);transform:translateY(-3px);color:#fff}.footer-links h5{color:#fff;font-weight:600;margin-bottom:1.5rem}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links ul li{margin-bottom:.8rem}.footer-links ul li a{color:#94a3b8;text-decoration:none;transition:color .3s}.footer-links ul li a:hover{color:#fff}.footer-newsletter h5{color:#fff;font-weight:600;margin-bottom:1rem}.footer-newsletter .input-group{background:#ffffff1a;padding:5px;border-radius:50px}.footer-newsletter .form-control{background:transparent;border:none;color:#fff;padding:.5rem 1.5rem}.footer-newsletter .form-control::placeholder{color:#94a3b8}.footer-newsletter .form-control:focus{box-shadow:none}.footer-newsletter .btn{border-radius:50px;padding:.5rem 1.5rem;margin:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);font-size:.9rem}.footer-extra a{color:#94a3b8;text-decoration:none;transition:color .3s}.footer-extra a:hover{color:#fff}@media (max-width: 768px){.footer-top{padding:3rem 0 2rem}.footer-newsletter{margin-top:2rem}.footer-bottom{text-align:center}.footer-bottom .d-flex{flex-direction:column;gap:1rem}}.contact-section{background:linear-gradient(135deg,#0f172a,#1e293b);position:relative}.contact-wrapper{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden}.contact-image-wrapper{position:relative;height:100%}.contact-image{width:100%;height:100%;object-fit:cover}.contact-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#60a5faf2,#a855f7f2);padding:3rem;display:flex;flex-direction:column}.contact-info{color:#fff}.info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.info-item i{font-size:1.5rem;color:#ffffffe6}.info-item h6{margin-bottom:.25rem;font-weight:600}.info-item p{margin:0;color:#fffc}.contact-social{margin-top:auto;display:flex;gap:1rem}.social-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;color:#fff;font-size:1.1rem;transition:all .3s ease}.social-btn:hover{background:#fff3;transform:translateY(-3px);color:#fff}.contact-form-wrapper{padding:3rem}.form-title{margin-bottom:2rem;color:#fff}.form-title p{color:#94a3b8;margin:0}.form-floating>.form-control{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff}.form-floating>.form-control:focus{background:#ffffff14;border-color:#fff3;box-shadow:none}.form-floating>label{color:#fff9}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{color:#fffc}@media (max-width: 992px){.contact-image-wrapper{height:400px}.contact-overlay,.contact-form-wrapper{padding:2rem}}