body{font-family:Poppins,Arial,sans-serif;margin:0;padding:0;color:#333;background:url('https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80') center center/cover no-repeat fixed;line-height:1.4}header{background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fcf5f5;padding:.5rem 1.5rem;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px rgba(0,0,0,.1);transition:.4s}header:hover{background:rgba(0,0,0,.7)}header nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;gap:1rem}.nav-links{list-style:none;padding:0;display:flex;gap:1.5rem;margin:0}.nav-links a{text-decoration:none;color:#fff;font-weight:600;font-size:.9rem;transition:.3s;position:relative;padding:.3rem 0}.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#2575fc,#6a11cb);transition:width .3s}.nav-links a:hover{color:#2575fc;transform:translateY(-3px)}.nav-links a:hover::after{width:100%}.website-btn{text-decoration:none;color:#fff;background:linear-gradient(135deg,#11cb6a,#25fc8e);padding:.4rem .9rem;border-radius:50px;font-weight:700;font-size:.8rem;transition:.4s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 5px 15px rgba(37,252,142,.3);position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;gap:.4rem}.website-btn i{font-size:1rem;transition:transform .4s}.website-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#25fc8e,#11cb6a);z-index:-1;transition:transform .6s cubic-bezier(.23, 1, .32, 1);transform:scaleX(0);transform-origin:right}.website-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgba(37,252,142,.5)}.website-btn:hover i{transform:rotate(360deg)}.website-btn:hover::before{transform:scaleX(1);transform-origin:left}.resume-link{text-decoration:none;color:#fff;background:linear-gradient(135deg,#2575fc,#6a11cb);padding:.4rem .9rem;border-radius:50px;font-weight:700;font-size:.8rem;transition:.4s cubic-bezier(.175, .885, .32, 1.275);margin-left:.5rem;box-shadow:0 5px 15px rgba(37,117,252,.3);position:relative;overflow:hidden;z-index:1;display:flex;align-items:center;gap:.4rem}.resume-link i{font-size:1rem;transition:transform .4s}.resume-link::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);z-index:-1;transition:transform .6s cubic-bezier(.23, 1, .32, 1);transform:scaleX(0);transform-origin:right}.resume-link:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 25px rgba(37,117,252,.5)}.resume-link:hover i{transform:rotate(360deg)}.resume-link:hover::before{transform:scaleX(1);transform-origin:left}header .branding h1{margin:0;font-size:1.6rem;background:linear-gradient(to right,#fff,#2575fc);-webkit-background-clip:text;background-clip:text;color:transparent;transition:.3s}header .branding h1:hover{transform:scale(1.05);background:linear-gradient(to right,#fff,#6a11cb);-webkit-background-clip:text;background-clip:text}header .branding p{margin:0;font-size:1rem;color:#aaa;transition:.3s}@keyframes blink{0%,100%{border-color:transparent}50%{border-color:#2575fc}}.typing-text{display:inline-block;overflow:hidden;white-space:nowrap;margin:0 auto;letter-spacing:1px;background:linear-gradient(to right,#fff,#2575fc);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;font-size:3.5rem}.typing-text::after{content:'|';position:absolute;right:-5px;color:#2575fc;background:padding-box initial;-webkit-background-clip:initial;animation:.8s step-end infinite blink}.hero{text-align:center;padding:4rem 1.5rem;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;position:relative;overflow:hidden;border-radius:0 0 30% 30%/15%;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 15px 35px rgba(0,0,0,.2);margin-bottom:2rem}.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(37,117,252,.1) 0,rgba(0,0,0,0) 70%);z-index:0;animation:15s infinite alternate pulse}@keyframes pulse{0%{transform:scale(.8);opacity:.3}100%{transform:scale(1.2);opacity:.7}}.hero h2{font-size:2.8rem;margin-bottom:.8rem;background:linear-gradient(to right,#fff,#2575fc);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:1;animation:1.5s cubic-bezier(.23,1,.32,1) slideIn}@keyframes slideIn{0%{transform:translateY(50px);opacity:0}100%{transform:translateY(0);opacity:1}}.hero p{font-size:1.3rem;max-width:650px;margin:0 auto 1.5rem;opacity:0;position:relative;z-index:1;animation:2s .5s forwards fadeIn}.hero .cta-button{display:inline-block;margin-top:1.2rem;padding:.7rem 1.6rem;background:linear-gradient(135deg,#2575fc,#6a11cb);color:#fff;text-decoration:none;font-weight:700;border-radius:50px;position:relative;z-index:1;overflow:hidden;box-shadow:0 8px 25px rgba(37,117,252,.4);transition:.5s cubic-bezier(.23, 1, .32, 1);animation:1s 1s forwards bounceIn;opacity:0}@keyframes bounceIn{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1);opacity:1}100%{transform:scale(1);opacity:1}}.hero .cta-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);z-index:-1;transition:transform .6s cubic-bezier(.23, 1, .32, 1);transform:scaleX(0);transform-origin:right}.hero .cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px rgba(37,117,252,.5)}.profile{text-align:center;padding:2.5rem;background:rgba(0,0,0,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);margin:2rem auto;border-radius:16px;max-width:900px;box-shadow:0 15px 35px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:.5s cubic-bezier(.23, 1, .32, 1)}.profile::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);transform:rotate(45deg);pointer-events:none;z-index:1;animation:8s linear infinite shine}.profile:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.3)}.profile h1{font-size:2.6rem;margin-bottom:.4rem;background:linear-gradient(to right,#2575fc,#6a11cb);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:2;animation:1s ease-in-out fadeIn}.profile h2{font-size:1.6rem;margin-bottom:.8rem;color:#fff;position:relative;z-index:2;animation:1.5s ease-in-out fadeIn}.profile p{font-size:1.1rem;margin-bottom:1.2rem;color:#fff;position:relative;z-index:2;animation:2s ease-in-out fadeIn;max-width:650px;margin-left:auto;margin-right:auto}.profile-picture{width:220px;height:220px;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(white,#fff) padding-box,linear-gradient(to right,#2575fc,#6a11cb) border-box;position:relative;z-index:2;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:.5s cubic-bezier(.23, 1, .32, 1);animation:2s ease-in-out profilePicAnimation;content:url('https://github.com/Daniel-wambua/havoc/blob/main/src/images/profilepic.jpg?raw=true')}@keyframes profilePicAnimation{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}.profile-picture:hover{transform:scale(1.05);box-shadow:0 15px 40px rgba(37,117,252,.4)}.profile-container{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;position:relative;z-index:2}.profile-text{flex:1;min-width:300px;animation:1.5s cubic-bezier(.23,1,.32,1) slideInRight}@keyframes slideInRight{0%{transform:translateX(100px);opacity:0}100%{transform:translateX(0);opacity:1}}.animated-text{font-size:3.5rem;background:linear-gradient(to right,#fff,#2575fc);-webkit-background-clip:text;background-clip:text;color:transparent;animation:5s infinite alternate colorChange}@keyframes colorChange{0%{background-position:0 50%}100%{background-position:100% 50%}}.resume-button{display:inline-block;margin-top:2rem;padding:.85rem 2rem;background:linear-gradient(135deg,#2575fc,#6a11cb);color:#fff;text-decoration:none;font-weight:700;border-radius:50px;position:relative;overflow:hidden;z-index:1;box-shadow:0 8px 25px rgba(37,117,252,.4);transition:.5s cubic-bezier(.23, 1, .32, 1)}.resume-button::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);z-index:-1;transition:transform .6s cubic-bezier(.23, 1, .32, 1);transform:scaleX(0);transform-origin:right}.resume-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px rgba(37,117,252,.5)}.resume-button:hover::before{transform:scaleX(1);transform-origin:left}.about-me-section{text-align:center;padding:2.2rem;background:rgba(0,0,0,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);margin:2rem auto;border-radius:16px;max-width:850px;box-shadow:0 15px 35px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:.5s cubic-bezier(.23, 1, .32, 1)}.about-me-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);transform:rotate(45deg);pointer-events:none;z-index:1;animation:10s linear infinite shine}.about-me-section:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.3)}.about-me-section h3{font-size:2rem;margin-bottom:1.2rem;background:linear-gradient(to right,#2575fc,#6a11cb);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:2;animation:1s ease-in-out fadeIn}.about-me-section p{font-size:1rem;line-height:1.6;color:#fff;position:relative;z-index:2;animation:1.5s ease-in-out fadeIn;max-width:650px;margin:0 auto;text-shadow:0 1px 2px rgba(0,0,0,.2)}.skills{padding:2.2rem;text-align:center;background:rgba(0,0,0,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);margin:2rem auto;border-radius:16px;max-width:900px;box-shadow:0 15px 35px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:.5s cubic-bezier(.23, 1, .32, 1)}.skills::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);transform:rotate(45deg);pointer-events:none;z-index:1;animation:12s linear infinite shine}.skills:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.3)}.skills h3{font-size:2rem;margin-bottom:1.5rem;background:linear-gradient(to right,#2575fc,#6a11cb);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:2;animation:1s ease-in-out fadeIn}.skills ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.9rem;position:relative;z-index:2}.skills li{font-size:.95rem;display:flex;align-items:center;gap:.5rem;margin:.4rem 0;background:rgba(35,28,70,.9);padding:.6rem 1.2rem;border-radius:50px;transition:.4s cubic-bezier(.175, .885, .32, 1.275);box-shadow:0 4px 10px rgba(0,0,0,.1);border-left:3px solid #2575fc;position:relative;overflow:hidden}.skills li::before{content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(37,117,252,.1),rgba(255,255,255,.1),rgba(37,117,252,.1));transition:left 1s}.skills li:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 10px 25px rgba(37,117,252,.3);border-color:#6a11cb}.skills li:hover::before{left:100%}.skills i{font-size:1.4rem;color:#2575fc;transition:.4s}.skills li:hover i{transform:rotate(360deg);color:#6a11cb}.projects-preview{padding:2.2rem;text-align:center;background:rgba(0,0,0,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);margin:2rem auto;border-radius:16px;max-width:1000px;box-shadow:0 15px 35px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:.5s cubic-bezier(.23, 1, .32, 1)}.projects-preview::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);transform:rotate(45deg);pointer-events:none;z-index:1;animation:14s linear infinite shine}.projects-preview:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.3)}.projects-preview h3{font-size:2rem;margin-bottom:1.8rem;background:linear-gradient(to right,#2575fc,#6a11cb);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:2;animation:1s ease-in-out fadeIn}.featured-projects-container{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin:2rem 0;position:relative;z-index:2}.featured-project-card{background:rgba(0,0,0,.4);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:.6s cubic-bezier(.175, .885, .32, 1.275);position:relative;box-shadow:0 15px 35px rgba(0,0,0,.1)}.featured-project-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(37,117,252,.05),rgba(106,17,203,.05));opacity:0;transition:opacity .5s;z-index:1}.featured-project-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px rgba(0,0,0,.2)}.featured-project-card:hover::before{opacity:1}.project-image-container{position:relative;overflow:hidden;height:250px}.featured-project-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25, .46, .45, .94)}.featured-project-card:hover img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(37,117,252,.7) 0,rgba(106,17,203,.7) 100%);opacity:0;transition:opacity .4s;display:flex;align-items:flex-end;padding:1.5rem}.featured-project-card:hover .project-overlay{opacity:1}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.3)}.project-content{padding:2rem;position:relative;z-index:2}.featured-project-card h4{font-size:1.5rem;margin:0 0 1rem;background:linear-gradient(135deg,#2575fc,#6a11cb);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.featured-project-card p{color:#fff;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem;opacity:.9}.project-actions{display:flex;gap:1rem;align-items:center}.project-demo,.project-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;padding:.7rem 1.5rem;border-radius:25px;font-weight:600;font-size:.9rem;transition:.4s cubic-bezier(.175, .885, .32, 1.275);position:relative;overflow:hidden}.project-link{background:linear-gradient(135deg,#2575fc,#6a11cb);color:#fff;box-shadow:0 8px 20px rgba(37,117,252,.3)}.project-demo{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.project-demo:hover,.project-link:hover{transform:translateY(-3px)}.project-link:hover{box-shadow:0 12px 25px rgba(37,117,252,.4)}.project-demo:hover{background:rgba(255,255,255,.2);box-shadow:0 8px 20px rgba(255,255,255,.1)}.view-more-projects{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.github-link{display:inline-flex;align-items:center;gap:1rem;text-decoration:none;color:#fff;background:rgba(0,0,0,.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:1rem 2rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);font-weight:600;font-size:1rem;transition:.5s cubic-bezier(.175, .885, .32, 1.275);position:relative;overflow:hidden}.github-link::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#2575fc,#6a11cb);opacity:0;transition:opacity .4s;z-index:-1}.github-link:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(37,117,252,.3)}.github-link:hover::before{opacity:1}.github-link i:first-child{font-size:1.2rem}.github-link i:last-child{transition:transform .3s}.github-link:hover i:last-child{transform:translateX(5px)}@media (max-width:1024px){.featured-projects-container{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (max-width:768px){.featured-projects-container{grid-template-columns:1fr;gap:2rem}.featured-project-card{margin:0 .5rem}.project-content{padding:1.5rem}.project-actions{flex-direction:column;gap:.8rem}.project-demo,.project-link{width:100%;justify-content:center}.github-link{padding:.8rem 1.5rem;font-size:.9rem}}.bio{text-align:center;padding:2.2rem;background:rgba(0,0,0,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);margin:2rem auto;border-radius:16px;max-width:850px;box-shadow:0 15px 35px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:.5s cubic-bezier(.23, 1, .32, 1)}.bio::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);transform:rotate(45deg);pointer-events:none;z-index:1;animation:10s linear infinite shine}.bio:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(0,0,0,.3)}.bio-container{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.bio-picture{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(white,#fff) padding-box,linear-gradient(to right,#2575fc,#6a11cb) border-box;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:.5s cubic-bezier(.23, 1, .32, 1);margin-bottom:1.5rem;animation:2s ease-in-out profilePicAnimation}.bio-picture:hover{transform:scale(1.05);box-shadow:0 15px 40px rgba(37,117,252,.4)}.bio-text{text-align:center;animation:1.5s ease-in-out fadeIn}.bio-text h3{font-size:2rem;margin-bottom:1.2rem;background:linear-gradient(to right,#2575fc,#6a11cb);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.bio-text p{font-size:1rem;line-height:1.6;color:#fff;max-width:650px;margin:0 auto;text-shadow:0 1px 2px rgba(0,0,0,.2)}footer{background:rgba(0,0,0,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;text-align:center;padding:1.2rem 0;position:relative;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -15px 35px rgba(0,0,0,.2);margin-top:3rem}footer::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(37,117,252,.05),rgba(0,0,0,0));pointer-events:none}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.8rem 1.5rem;max-width:1100px;margin:0 auto;position:relative;z-index:2}.footer-left{text-align:left;flex:1;animation:1s ease-in-out fadeIn}.footer-right{text-align:right;flex:1;animation:1s ease-in-out fadeIn}.footer-content .social-icons{flex:1;text-align:center}.footer-content .social-icons a{color:#fff;margin:0 .6rem;font-size:1.4rem;text-decoration:none;transition:.4s cubic-bezier(.175, .885, .32, 1.275);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:50%;border:1px solid rgba(255,255,255,.1)}.footer-content .social-icons a:hover{transform:translateY(-8px) rotate(360deg);background:linear-gradient(135deg,#2575fc,#6a11cb);box-shadow:0 10px 20px rgba(37,117,252,.3)}footer .footer-content p{margin:.4rem 0;font-size:.85rem;color:rgba(255,255,255,.7);transition:color .3s}footer .footer-content p:hover{color:#fff}nav{margin:15px 0}nav a{color:#fff;text-decoration:none;margin:0 12px;font-weight:700;transition:color .3s}nav a:hover{color:#fc0}section{padding:15px;max-width:800px;margin:auto}h1,h2,h3{margin:8px 0}.social-icons{display:flex;justify-content:center;margin:15px 0}.social-icons a{margin:0 8px;color:#007acc;transition:color .3s}.social-icons a:hover{color:#fc0}@media (max-width:768px){.profile-container{flex-direction:column}.footer-content{flex-direction:column;gap:1rem}.footer-left,.footer-right{text-align:center}header nav{flex-direction:column;padding:.5rem 0}.resume-link{margin:1rem 0 0}.nav-links{justify-content:center}}@media (max-width:600px){nav a{display:block;margin:10px 0}.social-icons{flex-wrap:wrap}.skills li{width:100%}}.button{background-color:#007acc;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.button:hover{background-color:#005fa3}.animate{transition:transform .3s}.animate:hover{transform:scale(1.05)}.box{background:rgba(0,0,0,.6);border-radius:10px;padding:1.5rem;margin:1.5rem auto;max-width:800px;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#fff}.projects .project-list .project{background:rgba(0,0,0,.6);border-radius:10px;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 15px rgba(0,0,0,.1);color:#fff}.projects .project-list .project h2{font-size:1.5rem;margin-bottom:.5rem;color:#2575fc}.projects .project-list .project p{font-size:1rem;margin-bottom:1rem}.projects .project-list .project .btn{display:inline-block;padding:.5rem 1rem;background:#2575fc;color:#fff;text-decoration:none;font-weight:700;border-radius:5px;transition:background .3s}.projects .project-list .project .btn:hover{background:#1a5bb8}.animated-button{display:inline-block;padding:.5rem 1rem;background:0 0;color:#fff;text-decoration:none;font-weight:700;border-radius:5px;transition:transform .3s,background .3s}.animated-button:hover{transform:scale(1.1);color:#fc0}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.project-card.hover{transform:translateY(-10px)}.profile-picture{min-width:200px;min-height:200px;object-fit:cover}.contact{background:rgba(0,0,0,.6);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.2);overflow:hidden;padding:0;margin:2rem auto;max-width:900px;transition:.5s cubic-bezier(.23, 1, .32, 1);position:relative}.contact::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,0) 100%);transform:rotate(45deg);pointer-events:none;z-index:1;animation:6s linear infinite shine}@keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}.contact:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 30px 50px rgba(0,0,0,.25)}.contact h3{color:#fff;background:linear-gradient(135deg,#2575fc,#6a11cb);margin:0;padding:1.5rem;font-size:2rem;font-weight:800;text-align:center;border-top-left-radius:16px;border-top-right-radius:16px;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;overflow:hidden}.contact h3::after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:1.8rem;padding:1.8rem;position:relative;z-index:2}.contact-info{background:rgba(0,0,0,.4);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff}.contact-item{display:flex;align-items:center;margin-bottom:1.4rem;padding:.9rem;background:rgba(0,0,0,.5);border-radius:12px;box-shadow:0 10px 20px rgba(0,0,0,.05);transition:.4s cubic-bezier(.175, .885, .32, 1.275);border-left:3px solid #2575fc;color:#fff}.contact-item:hover{transform:translateX(15px) translateY(-5px);box-shadow:0 15px 25px rgba(0,0,0,.1);background:rgba(25,25,25,.7)}.contact-item i{font-size:1.5rem;color:#2575fc;margin-right:1rem;background:linear-gradient(135deg,rgba(37,117,252,.15),rgba(106,17,203,.15));padding:.9rem;border-radius:50%;transition:.4s}.contact-item:hover i{transform:rotate(360deg) scale(1.1);color:#6a11cb}.contact-item p{margin:0;font-size:1.1rem;font-weight:500;color:#fff}.contact-item a{color:#2575fc;text-decoration:none;transition:.3s;position:relative;font-weight:500}.contact-item a::after{content:'';position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(to right,#2575fc,#6a11cb);transition:width .3s}.contact-item a:hover{color:#6a11cb;text-decoration:none}.contact-item a:hover::after{width:100%}.contact-form{padding:1.2rem;background:rgba(0,0,0,.4);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#fff}.contact-form form{display:flex;flex-direction:column;gap:1.5rem}.form-group{position:relative;margin-bottom:1.2rem;background:rgba(0,0,0,.5);border-radius:10px;padding:.4rem;border:2px solid rgba(225,225,225,.3);overflow:visible}.form-group label{position:absolute;left:1.1rem;top:1.1rem;padding:0 .4rem;background:0 0;transition:.3s;pointer-events:none;font-size:1rem;color:rgba(255,255,255,.8);z-index:1}.form-group input,.form-group textarea{width:100%;padding:1rem 1.2rem;border:none;background:0 0;border-radius:8px;font-size:1rem;transition:.4s;color:#fff;z-index:0}.form-group input:focus,.form-group textarea:focus{outline:0}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{top:-.8rem;left:1rem;font-size:.9rem;color:#2575fc;background:rgba(0,0,0,.7);font-weight:700;padding:0 .6rem;border-radius:4px;box-shadow:0 0 5px rgba(37,117,252,.3)}.form-group textarea{min-height:120px;resize:vertical}.button-container{display:flex;justify-content:center;margin-top:1rem;width:100%;background:0 0}.submit-btn{background:linear-gradient(135deg,#2575fc,#6a11cb);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;cursor:pointer;font-weight:700;font-size:1rem;letter-spacing:1.2px;transition:.4s cubic-bezier(.175, .885, .32, 1.275);text-transform:uppercase;position:relative;overflow:hidden;z-index:1;box-shadow:0 10px 20px rgba(37,117,252,.3);max-width:100%}.submit-btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px rgba(37,117,252,.4)}.submit-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6a11cb,#2575fc);z-index:-1;transition:transform .6s cubic-bezier(.23, 1, .32, 1);transform:scaleX(0);transform-origin:right}.submit-btn:hover::before{transform:scaleX(1);transform-origin:left}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.submit-btn:disabled:hover{transform:none!important;box-shadow:0 10px 20px rgba(37,117,252,.3)}.btn-loading{display:inline-flex;align-items:center;gap:.5rem}.btn-loading i{font-size:.9rem}.contact-social{display:flex;justify-content:center;gap:1.2rem;margin:1.5rem auto 0}.contact-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;color:#2575fc;font-size:1.3rem;transition:.4s;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.contact-social a:hover{transform:translateY(-8px) rotate(360deg);background:#2575fc;color:#fff;box-shadow:0 10px 20px rgba(37,117,252,.3)}@media (max-width:768px){.contact-container{grid-template-columns:1fr;padding:1.2rem}.contact h3{font-size:1.6rem;padding:1.2rem}.submit-btn{width:100%}}@media (max-width:480px){.contact{margin:1.5rem .8rem}.contact-item{flex-direction:column;text-align:center;padding:1.2rem .8rem}.contact-item i{margin:0 0 1rem}}