*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#0a0f1c;color:#e2e8f0;line-height:1.6;overflow-x:hidden}.cursor-blur{position:fixed;width:200px;height:200px;background:radial-gradient(circle,rgba(6,182,212,.15),rgba(6,182,212,.05),transparent);border-radius:50%;pointer-events:none;z-index:1;filter:blur(20px);transition:all .1s ease;animation:morphing 8s ease-in-out infinite,rainbow 6s linear infinite}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-dot{position:absolute;width:4px;height:4px;background:#06b6d433;border-radius:50%;animation:float 6s ease-in-out infinite,sparkle 3s ease-in-out infinite}.floating-dot:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-dot:nth-child(2){top:60%;left:80%;animation-delay:2s}.floating-dot:nth-child(3){top:80%;left:20%;animation-delay:4s}.floating-dot:nth-child(4){top:30%;left:70%;animation-delay:1s}.floating-dot:nth-child(5){top:70%;left:50%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}nav{position:fixed;top:0;width:100%;background:#0a0f1cf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:1rem 0;border-bottom:1px solid rgba(6,182,212,.1);animation:slideDown .8s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes morphing{0%,to{border-radius:50% 30% 70% 40%}25%{border-radius:30% 60% 40% 70%}50%{border-radius:70% 40% 30% 60%}75%{border-radius:40% 70% 60% 30%}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes levitate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes neon{0%,to{text-shadow:0 0 5px #06b6d4,0 0 10px #06b6d4,0 0 20px #06b6d4,0 0 40px #06b6d4}50%{text-shadow:0 0 10px #06b6d4,0 0 20px #06b6d4,0 0 40px #06b6d4,0 0 80px #06b6d4,0 0 120px #06b6d4}}@keyframes matrix{0%{transform:translateY(-100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes typewriter{0%{width:0;opacity:0}10%{opacity:1}to{width:100%;opacity:1}}@keyframes restore{0%{content:"";width:0;opacity:0;letter-spacing:0px}to{content:"SOLIDE AZE";width:100%;opacity:1;letter-spacing:0px}}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:0 1.5rem}.logo{font-size:1.5rem;font-weight:700;color:#06b6d4;cursor:pointer;transition:all .3s ease;position:relative;display:inline-block}.logo-hovering{animation:neon .3s ease-in-out infinite;color:#fff;background:transparent;-webkit-text-fill-color:#ffffff;filter:drop-shadow(0 0 20px #06b6d4)}.logo-hidden{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.logo-typewriter{opacity:1!important;visibility:visible!important;color:transparent!important}.logo-typewriter:after{animation:typewriter 3.5s ease-in-out forwards,neon .3s ease-in-out infinite;opacity:1;visibility:visible}.logo:after{content:"SOLIDE AZE";position:absolute;top:0;left:0;font-size:inherit;font-weight:inherit;color:#fff;width:0;opacity:0;white-space:nowrap;overflow:hidden;border-right:2px solid #06b6d4;background:transparent}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#cbd5e1;text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:#06b6d4}main{padding-top:80px;max-width:1000px;margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}.about-section{background:#1e293b66;border:1px solid rgba(6,182,212,.2);border-radius:1rem;padding:2.5rem;margin-bottom:3rem;animation:fadeInUp 1s ease-out .2s both}.about-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:2rem;border-bottom:2px solid rgba(6,182,212,.3);padding-bottom:1rem}.about-content{display:flex;align-items:center;gap:2rem}.profile-image{width:150px;height:150px;border-radius:50%;border:3px solid #06b6d4;-o-object-fit:cover;object-fit:cover;flex-shrink:0;animation:fadeIn 1.2s ease-out .5s both;transition:all .3s ease}.profile-image:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 0 30px #06b6d480;animation:morphing 4s ease-in-out infinite,rainbow 3s linear infinite}.about-text{color:#cbd5e1;font-size:1rem;line-height:1.6}.about-text p{margin-bottom:1rem}.projects-section,.skills-section,.contact-section,.faq-section{margin-bottom:3rem}.projects-title,.skills-title,.contact-title,.faq-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:2rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.project-card{background:#1e293b66;border:1px solid rgba(6,182,212,.2);border-radius:.5rem;padding:1.5rem;transition:all .3s ease;animation:fadeInUp .8s ease-out both}.project-card:nth-child(2){animation-delay:.2s}.project-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px #06b6d433;border-color:#06b6d466;animation:levitate 2s ease-in-out infinite}.project-card h3{color:#fff;font-size:1.2rem;margin-bottom:.5rem}.project-card p{color:#cbd5e1;font-size:.9rem;margin-bottom:1rem}.project-button{background:#06b6d4;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:.3rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.project-button:hover{background:#0891b2;transform:translateY(-2px);box-shadow:0 8px 20px #06b6d466;animation:bounce .6s ease}.project-button:active{transform:translateY(0)}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem}.skill-tag{background:#1e293b99;border:1px solid #06b6d4;color:#06b6d4;padding:.5rem 1rem;border-radius:1.5rem;font-size:.9rem;font-weight:500;animation:fadeIn .6s ease-out both;transition:all .3s ease}.skill-tag:nth-child(1){animation-delay:.1s}.skill-tag:nth-child(2){animation-delay:.2s}.skill-tag:nth-child(3){animation-delay:.3s}.skill-tag:nth-child(4){animation-delay:.4s}.skill-tag:nth-child(5){animation-delay:.5s}.skill-tag:nth-child(6){animation-delay:.6s}.skill-tag:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #06b6d44d;background:#06b6d41a;animation:wave .6s ease-in-out,rainbow 2s linear infinite}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form label{color:#fff;font-weight:500}.contact-form{animation:fadeInUp .8s ease-out .3s both}.contact-form input,.contact-form textarea{background:#1e293b99;border:1px solid rgba(6,182,212,.3);color:#fff;padding:1rem;border-radius:.8rem;font-family:inherit;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d433;transform:translateY(-2px)}.contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder{color:#64748b}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#64748b}.contact-form textarea{min-height:100px;resize:vertical}.contact-submit{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;padding:1rem;border:none;border-radius:.8rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #06b6d44d}.contact-submit:hover{transform:translateY(-3px);box-shadow:0 8px 25px #06b6d466}.contact-info{background:#1e293b99;border:1px solid rgba(6,182,212,.2);border-radius:1rem;padding:2.5rem;animation:fadeInUp .8s ease-out .5s both;box-shadow:0 4px 15px #0000001a;transition:all .3s ease;height:250px;margin-top:100px}.contact-info:hover{transform:translateY(-3px);border-color:#06b6d466;box-shadow:0 15px 35px #06b6d41a}.contact-info h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.contact-info span{color:#cbd5e1;font-size:1.1rem}.faq-item{background:#1e293b99;border:1px solid rgba(6,182,212,.2);border-radius:1rem;padding:2rem;margin-bottom:1.5rem;transition:all .3s ease;animation:fadeInUp .6s ease-out both;box-shadow:0 4px 15px #0000001a}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:hover{transform:translateY(-5px);border-color:#06b6d466;box-shadow:0 15px 35px #06b6d426}.faq-question{color:#06b6d4;font-weight:700;font-size:1.1rem;margin-bottom:1rem;transition:color .3s ease}.faq-item:hover .faq-question{color:#0891b2}.faq-answer{color:#cbd5e1;font-size:1rem;line-height:1.6}footer{background:#0a0f1cf2;border-top:1px solid rgba(6,182,212,.1);padding:1.5rem 0;text-align:center;margin-top:2rem}.footer-content{max-width:1000px;margin:0 auto;padding:0 1.5rem}.footer-text{color:#64748b;font-size:.9rem;margin-bottom:.5rem}.admin-link{color:#06b6d4;text-decoration:none;font-size:.9rem}.admin-dashboard{min-height:100vh;background:#0a0f1c;padding:2rem}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(6,182,212,.2)}.admin-title{font-size:2rem;color:#fff;font-weight:700}.back-button{background:#06b6d4;color:#fff;padding:.8rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:background .3s}.back-button:hover{background:#0891b2}.admin-content{max-width:1000px;margin:0 auto}.admin-section{background:#1e293b66;border:1px solid rgba(6,182,212,.2);border-radius:.5rem;padding:2rem;margin-bottom:2rem}.admin-section h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.admin-form{display:flex;flex-direction:column;gap:1rem}.admin-form input,.admin-form textarea{background:#1e293b66;border:1px solid rgba(6,182,212,.2);color:#fff;padding:.8rem;border-radius:.3rem;font-family:inherit}.admin-form button{background:#06b6d4;color:#fff;padding:.8rem;border:none;border-radius:.3rem;cursor:pointer;font-weight:500}.admin-form button:hover{background:#0891b2}.admin-list{list-style:none}.admin-list li{background:#0f172a99;border:1px solid rgba(6,182,212,.1);border-radius:.3rem;padding:1rem;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.admin-list li span{color:#cbd5e1}.delete-button{background:#ef4444;color:#fff;padding:.4rem .8rem;border:none;border-radius:.3rem;cursor:pointer;font-size:.8rem}.delete-button:hover{background:#dc2626}@media(max-width:768px){.nav-links{display:none}.about-content{flex-direction:column;text-align:center}.contact-container,.projects-grid{grid-template-columns:1fr}main{padding-left:1rem;padding-right:1rem}.about-section{padding:1.5rem}.admin-dashboard{padding:1rem}.admin-header{flex-direction:column;gap:1rem}}
