:root{color:#ffffffde;background:linear-gradient(145deg,#150133,#13012c)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:linear-gradient(145deg,#150133,#13012c);--tw-bg-opacity: 11;color:#f0f0f0;line-height:1.6;font-size:1rem;overflow-x:hidden}.container{width:90%;max-width:1440px;margin:0 auto}.content{position:fixed;top:0;left:0;right:0;z-index:1000}.header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.info-content{display:flex;align-items:center;font-size:22px;gap:40px;cursor:pointer}.title{font-size:30px;font-weight:700;background:linear-gradient(to right,#a855f7,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:100px;cursor:pointer}#language-selector{background-color:#0f0c29;color:#fff;box-shadow:0 1px 2px #fff;padding:10px 20px;border-radius:16px;cursor:pointer}@media (max-width: 768px){.content{align-items:center;gap:15px}.info-content{font-size:18px;gap:20px}.title{font-size:18px;width:auto}#language-selector{padding:8px 16px}.header{padding:10px 0}}@media (max-width: 480px){.content{gap:10px}.info-content{font-size:16px;gap:10px}.title{font-size:16px}}.menu-icon{display:none;flex-direction:column;justify-content:space-between;width:28px;height:21px;cursor:pointer}.menu-icon .bar{height:3px;background-color:#fff;border-radius:4px;transition:all .3s ease}.menu-icon.open .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-icon.open .bar:nth-child(2){opacity:0}.menu-icon.open .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.menu-icon{display:flex}.info-content{display:none;flex-direction:column;background-color:#0f0c29;position:absolute;top:40px;right:20px;padding:20px;border-radius:10px;box-shadow:0 2px 6px #0006;width:100%}.info-content.show{display:flex;gap:15px}}.footer{background:#0f0c29;color:#fff;text-align:center;padding:1.5rem 0;box-shadow:0 -3px 10px #0003}.footer p{font-size:.9rem;color:#aaa}@media (max-width: 768px){.footer{padding:1.2rem 0}.footer p{font-size:.85rem}}@media (max-width: 480px){.footer{padding:1rem 0}.footer p{font-size:.8rem}}.home{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px}.left-block{width:50%;margin:0;padding:0;animation:name 5s}.left-block h1{font-size:72px;margin-bottom:-30px;margin-top:40px}.left-block p{color:#737070;margin-bottom:40px;font-weight:500}.left-block strong{font-size:72px;background:linear-gradient(to right,#a855f7,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.right-block{width:50%;text-align:right;animation:name2 5s}.right-block img{width:80%;object-fit:cover;transition:transform .3s ease}.right-block img:hover{transform:scale(1.1) rotate(5deg);cursor:pointer}.home-buttons1 button{background-color:#0f0c29;color:#fff;box-shadow:0 1px 2px #fff;padding:10px 20px;border-radius:16px;cursor:pointer;transition:transform .5s ease}.home-btn1{display:flex;gap:15px}.home-btn1 button{width:150px;border-radius:10px;box-shadow:0 1px 2px #e4d3d3;background-color:#000}.home-btn{display:flex;gap:10px;margin-top:20px}.home-btn button:hover{transform:scale(1.1)}@media (max-width: 768px){.home{flex-direction:column-reverse;align-items:center}.left-block,.right-block{width:100%;text-align:left}.left-block h1{font-size:48px;margin:30px 0 0}.left-block strong{font-size:48px}.right-block{text-align:center}.right-block img{width:80%}.home-btn1{flex-direction:column;gap:20px}.home-btn1 button{width:100%;font-size:18px}}@media (max-width: 480px){.left-block h1,.left-block strong{font-size:36px}.right-block img{width:90%}.home-btn1 button{font-size:16px}}@keyframes name{0%{opacity:0;transform:translate(-200px)}50%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes name2{0%{opacity:0;transform:translate(200px)}50%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(145deg,#1e014b,#13012b);display:flex;justify-content:center;align-items:center;z-index:9999}.modal-in{animation:modal-in .6s ease forwards}.modal-out{animation:modal-out .5s ease forwards}.modal-content{text-align:center;color:#fff;animation:content-fade-in 1s ease-out forwards}.white-text,.purple-text,.purple-light-text{font-size:50px;display:inline-block;opacity:0;transform:translateY(20px)}.fade-in{animation:text-fade-in 1s ease-out forwards}.delay-1{animation-delay:.5s}.delay-2{animation-delay:1s}.delay-3{animation-delay:1.5s;margin-left:20px}.icons{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.icon1{animation:.5s icons}.icon2{animation:1s icons}.icon3{animation:1.5s icons}.modal-text span{background:linear-gradient(to right,#a855f7,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}@keyframes modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0;display:none;transform:scale(.5)}}@keyframes content-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes text-fade-in{0%{opacity:0;transform:translateY(200px)}50%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes icons{0%{opacity:0;transform:translateY(-300px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.white-text,.purple-text,.purple-light-text{font-size:40px}}.about{padding:5rem 0;text-align:center;animation:fadeIn 3s ease-in-out}.info-about{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.about h2{font-size:2.5rem;text-transform:uppercase;font-size:72px;background:linear-gradient(to right,#a855f7,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.about p{text-align:left;font-size:1.2rem;padding:1.5rem;line-height:1.8;padding:0}.block1{width:800px}.block2{width:300px;height:320px}.block2 img{width:100%;height:100%;border-radius:50%;transition:all .9s}.block2 img:hover{box-shadow:0 2px 4px #ccc;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.info-about{flex-direction:column;align-items:center;flex-direction:column-reverse}.about h2{font-size:2rem}.about p{font-size:1rem;padding:1rem}.block1{width:100%}.block2{width:200px;height:200px}}@media (max-width: 480px){.about{padding:3rem 0}.info-about{align-items:center;padding:0 10px;flex-direction:column-reverse}.about h2{font-size:1.8rem}.about p{font-size:.95rem}.block1{width:100%}.block2{width:180px;height:180px}}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.section{text-align:center}.section h2{margin-bottom:40px;font-size:40px}.project-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;box-shadow:0 2px 4px #ccc;padding:10px;text-align:left;border-radius:16px;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);transition:transform .35s cubic-bezier(.77,0,.18,1),box-shadow .35s cubic-bezier(.77,0,.18,1)}.project-card:hover{transform:scale(1.04) translateY(-6px) rotate(-1deg);box-shadow:0 8px 32px #00c6ff45,0 2px 8px #0002;z-index:2}.project-card img{width:100%;height:180px;border-radius:10px;transition:transform .35s cubic-bezier(.77,0,.18,1)}.project-card:hover img{transform:scale(1.08) rotate(2deg)}.project-card h3{font-size:1.8rem;margin-top:15px}.project-card p{font-size:1rem;line-height:1.6;text-align:left}.project-card li{text-align:left;list-style:none}.project-card .button{margin-top:auto;align-self:center;padding:10px 20px;font-size:1rem;color:#fff;background:#00c6ff;border-radius:5px;text-decoration:none;transition:all .3s ease;margin-right:auto}.project-card .button:hover{background:#0078d7}.hidden{display:none}.toggle-button{display:block;margin:20px auto;padding:10px 20px;font-size:1rem;background:#00c6ff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease}.toggle-button:hover{background:#0078d7}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.project-card{padding:10px;box-shadow:0 2px 4px #ffffff1a}}@media (max-width: 480px){.projects-grid{grid-template-columns:1fr}.project-card h3{font-size:1.4rem}.project-card p{font-size:.9rem}.toggle-button{width:100%}}.skills{padding:5rem 0;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:2rem}.skill-card{text-align:center;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);padding:20px;border-radius:15px;box-shadow:0 5px 15px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{transform:scale(1.1);box-shadow:0 8px 20px #00000080}.skill-icon{font-size:3rem;margin-bottom:1rem;color:#00c6ff}.skill-card h3{font-size:1.2rem;color:#fff}@media (max-width: 768px){.skills{padding:3rem 0}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.skill-card{padding:15px}.skill-icon{font-size:2.5rem}.skill-card h3{font-size:1rem}}@media (max-width: 480px){.skills{padding:2rem 0}.skills-grid{grid-template-columns:1fr}.skill-card{padding:10px}.skill-icon{font-size:2rem}.skill-card h3{font-size:.9rem}}.picture-container{position:relative;width:100%;max-width:600px;margin:0 auto}.image-wrapper{position:relative;overflow:hidden;cursor:pointer;border-radius:10px;box-shadow:0 4px 8px #0003;transition:all .3s ease}.image-wrapper:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.image{width:100%;height:auto;transition:transform .3s ease,filter .3s ease}.large{transform:scale(1.2);filter:brightness(1.1)}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center}.image-wrapper:hover .overlay{opacity:1}.hover-content{text-align:center;color:#fff;font-size:20px}.hover-content i{font-size:40px;margin-bottom:10px}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90vh}.modal-image{width:100%;height:auto;object-fit:contain;border-radius:10px}@media (max-width: 768px){.picture-container{max-width:95%;margin:0 auto}.image-wrapper{box-shadow:0 4px 6px #0000001a}.image-wrapper:hover{transform:scale(1.02)}.hover-content{font-size:16px}.hover-content i{font-size:30px}}@media (max-width: 480px){.image-wrapper{border-radius:5px}.modal-content{max-width:95%;max-height:80vh}.modal-image{width:100%;height:auto;object-fit:contain;border-radius:8px}}.contact-form{width:100%;max-width:800px;margin:50px auto;padding:20px;background-color:#302d4a;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;justify-content:space-between;flex-wrap:wrap}.box1{width:100%;max-width:400px;margin-bottom:20px}.box2{width:100%;max-width:300px;border:1px solid #ccc;border-radius:18px;padding:40px;background-color:#1b1738}.infobox2{display:grid;grid-gap:20px}.contact-form h2{text-align:center;margin-bottom:20px;font-size:2rem}.item{border:1px solid #ccc;border-radius:10px;padding:15px;box-shadow:0 1px 2px #ccc;cursor:pointer;color:#fff;display:flex;align-items:center;gap:10px}.contact-form input,.contact-form textarea,.contact-form button{width:100%;padding:10px;margin:10px 0;border:none;border-radius:4px;box-sizing:border-box;background-color:#1b1738;color:#fff;font-weight:500;font-size:20px}.contact-form textarea{height:150px}.contact-form button{background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:16px}.contact-form button:hover{background-color:#45a049}.status-message{text-align:center;margin-top:10px;font-weight:700;transition:color .3s}.status-message.success{color:#4caf50}.status-message.error{color:red}@media (max-width: 768px){.contact-form{flex-direction:column;align-items:center}.box1,.box2{width:100%;max-width:none;margin-bottom:20px}.contact-form h2{font-size:1.5rem}.contact-form input,.contact-form textarea,.contact-form button{font-size:18px}.item{font-size:16px}}@media (max-width: 480px){.contact-form{padding:10px}.contact-form input,.contact-form textarea,.contact-form button{font-size:16px}.contact-form h2{font-size:1.2rem}.item{font-size:14px}}