*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#000814;min-height:100vh;display:block;position:relative;overflow-x:hidden}canvas{z-index:-1;filter:blur(2px)brightness(.7);background:#000;width:100%;height:100%;position:fixed;top:0;left:0}@media (max-width:768px){canvas{filter:blur(1.5px)brightness(1.5)}}.container{color:#fff;z-index:2;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:100px 50px;display:flex;position:relative}.text-section{opacity:0;max-width:550px;animation:1s forwards fadeInUp;transform:translateY(30px)}.text-section h1{margin-bottom:20px;font-size:2.8rem;font-weight:700;line-height:1.3}.text-section p{color:#cbd5e1;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.buttons{gap:15px;display:flex}.buttons a{border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s}.btn-primary{color:#f5f7fa;background:#03b5fc}.btn-primary:hover{background:#0398fc}.btn-outline{color:#03b5fc;background:0 0;border:2px solid #03b5fc}.btn-outline:hover{color:#f5f7fa;background:#03b5fc}.image-section{opacity:0;border-radius:10px;justify-content:center;align-items:center;width:500px;height:400px;animation:1.2s .4s forwards fadeInRight;display:flex;position:relative;overflow:hidden;transform:translate(50px)}.image-section img{object-fit:cover;z-index:2;border-radius:10px;width:100%;height:100%;position:relative}.image-section:before{content:"";filter:blur(20px)brightness(1.2);z-index:1;background:url(/1.jpg) 50%/cover no-repeat;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(1.2)}@media (max-width:900px){.container{text-align:center;flex-direction:column;gap:30px}.image-section{width:90%;height:auto}.text-section h1{font-size:2.2rem}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{to{opacity:1;transform:translate(0)}}.toolbox{color:#fff;z-index:2;background:0 0;margin-top:50px;padding:80px 20px;position:relative}.toolbox-container{text-align:left;max-width:1100px;margin:0 auto}.toolbox h2{margin-bottom:20px;font-size:2.4rem;font-weight:700}.toolbox .intro-text{color:#cbd5e1;margin-bottom:50px;font-size:1.1rem;line-height:1.6}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.tool-item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;gap:12px;padding:2rem;transition:all .3s;display:flex}.tool-item.show:hover{border-color:#03b5fc;transform:translateY(-8px);box-shadow:0 0 20px #03b5fc33}.tool-item svg{color:#03b5fc;margin-bottom:1rem;font-size:2rem}.tool-item i{color:#03b5fc;width:36px;height:36px}.tool-item h3{font-size:1.3rem;font-weight:600}.tool-item p{color:#cbd5e1;font-size:1rem;line-height:1.5}.fade-item{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-item.show{opacity:1;transform:translateY(0)}.navbar{z-index:1002;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0006;justify-content:space-between;align-items:center;padding:1rem 3rem;display:flex;position:sticky;top:0}.nav-logo{font-size:1.5rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-logo a{color:#fff;align-items:center;gap:.5rem;text-decoration:none;display:flex}.nav-logo img{object-fit:contain;width:32px;height:32px}.nav-logo span{font-size:1.5rem;font-weight:700}.nav-links a{color:#fff;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#03b5fc}.menu-btn{color:#fff;cursor:pointer;z-index:1003;background:0 0;border:none;display:none}@media (max-width:768px){.navbar{flex-wrap:wrap;padding:1rem;position:sticky;top:0}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:block}.nav-links{display:none}.nav-links.active{flex-direction:column;gap:1rem;width:100%;margin-top:1rem;list-style:none;display:flex}.nav-links.active a{color:#fff;padding:.75rem 0;font-size:1rem;text-decoration:none;display:block}}.nav-links a.active{color:#03b5fc;font-weight:600}.projects-container{width:100%;max-width:1100px;margin:50px auto 0}.project-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem;display:grid}.project-card{border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;height:100%;transition:all .3s;display:flex;overflow:hidden}.project-content{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:none;flex:1;margin-top:-10px;padding:1.5rem}.project-content h3{color:#fff;border:none;margin-bottom:.75rem;font-size:1.4rem;font-weight:600}.project-content p{color:#fffc;width:100%;height:100px;line-height:1.6}.project-card:hover{transform:translateY(-8px);box-shadow:0 0 0 2px #03b5fccc,0 0 25px #03b5fc40}.project-image{object-fit:cover;width:100%;height:300px;display:block}.projects-container h2{margin-bottom:20px;font-size:2.4rem;font-weight:700}.project-card:hover .project-image{transition:transform .3s;transform:scale(1.05)}@media (max-width:768px){.projects-container{padding:0 1.25rem}.toolbox-container{padding:0 1rem}}.tech-badges{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.tech-badge{color:#03b5fc;background:#03b5fc1a;border:1px solid #03b5fc40;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.9rem;display:flex}.tech-badge:hover{background:#03b5fc33;border-color:#03b5fc}.contact{padding:6rem 0}.contact-container{width:100%;max-width:1100px;margin:0 auto;padding:0 1rem}.contact-container h2{color:#fff;margin-bottom:3rem;font-size:3rem;font-weight:700}.contact-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.contact-info,.contact-form{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.contact-info h3{margin-bottom:2rem;font-size:1.5rem;font-weight:600}.contact-item{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-item svg{color:#03b5fc;font-size:1.2rem}.contact-form{flex-direction:column;gap:1rem;display:flex}.contact-form input,.contact-form textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:1rem}.contact-form input:focus,.contact-form textarea:focus{border-color:#03b5fc}.contact-form button{color:#fff;cursor:pointer;background:#03b5fc;border:none;border-radius:12px;padding:1rem;font-weight:600;transition:all .3s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 0 20px #03b5fc4d}.map-container{border:1px solid #ffffff1a;border-radius:20px;overflow:hidden}.map-container iframe{border:none;display:block}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}.contact-container h2{font-size:2.3rem}}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border-top:1px solid #ffffff1a;margin-top:0}.footer-container{text-align:center;max-width:1100px;margin:0 auto;padding:3rem 1rem}.footer h3{color:#03b5fc;margin-bottom:.5rem;font-size:2rem;font-weight:700}.footer p{color:#ffffffbf;margin-bottom:1.5rem}.footer-socials{justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.footer-socials a{color:#fff;font-size:1.5rem;transition:all .3s}.footer-socials a:hover{color:#03b5fc;transform:translateY(-3px)}.footer-bottom{color:#ffffff80;font-size:.9rem}#projects{scroll-margin-top:100px}.form-status{color:#03b5fc;margin-top:1rem;font-weight:500}