@import"https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&family=Share+Tech+Mono&family=Sofia+Sans+Semi+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap";*{font-family:Share Tech Mono,serif}.app{width:100%;min-height:100vh;background-color:#0e0e0e;display:flex;flex-direction:column;align-items:center}.hero-container,.projects-container{width:100%;max-width:100%!important}.content-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.contact-section{width:100%;background-color:#0f0f0f;color:#fff;padding:4rem 1rem;display:flex;justify-content:center}.contact-container{display:flex;flex-direction:column;width:80%;max-width:1200px;gap:2rem}.contact-info{flex:1}.contact-title{font-size:1.5rem;font-weight:600;background:linear-gradient(45deg,#ff0080,#0f0f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.contact-detail,.social-media{margin-bottom:2rem}.contact-detail h4,.social-media h4{font-size:.9rem;color:#ccc;margin-bottom:.5rem;letter-spacing:1px;text-transform:uppercase}.contact-email{font-size:1rem;color:#fff}.social-icons{display:flex;gap:1rem}.social-icons svg{color:#fff;font-size:1rem;transition:color .3s ease}.social-icons svg:hover{background:linear-gradient(45deg,#ff0080,#00b0ff)}.contact-form{flex:1;background:#ffffff0d;padding:2rem;border-radius:8px;border:1px solid #333}.contact-form form{display:flex;flex-direction:column;gap:1rem}.contact-form label{font-size:.9rem;font-weight:500;color:#ccc}.contact-form input,.contact-form textarea{background:#1f1f1f;border:1px solid #333;color:#fff;padding:.8rem;border-radius:4px;font-size:.95rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#666}.contact-form textarea{min-height:100px;resize:vertical}.send-button{background:linear-gradient(45deg,#ff0080,#00b0ff);border:none;border-radius:4px;color:#fff;font-weight:600;padding:.8rem;cursor:pointer;transition:opacity .3s ease}.send-button :hover{opacity:.8}@media (min-width: 992px){.contact-container{flex-direction:row}}html{scroll-behavior:smooth}.hero-container{width:100%;min-height:100vh;background-color:#0e0e0e;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:20px;position:relative}.navbar{width:100%;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;background-color:#1b1b1b;border-radius:8px;box-shadow:0 4px 15px #0000004d;z-index:1}.navbar-logo{font-weight:700;font-size:1.2rem;color:#fff;background:linear-gradient(45deg,#ff0080,#00b0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-links{list-style:none;display:flex;gap:2rem}.navbar-links li a{text-decoration:none;color:#ccc;font-weight:700;transition:color .3s ease}.navbar-links li a:hover{color:#00b0ff}.contact-button{background:linear-gradient(45deg,#ff0080,#00b0ff);color:#fff;padding:.8rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:transform .3s ease}.contact-button:hover{transform:translateY(-2px)}.hero-content{display:flex;flex:1;padding:40px 0;align-items:center;justify-content:center;gap:50px;position:relative;z-index:1}.hero-text{flex:1}.hero-title{font-size:2.5rem;margin-bottom:.5rem;color:#fff;background:linear-gradient(45deg,#ff0080,#00b0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.5rem;color:#ccc;margin-bottom:1rem}.hero-description{font-size:1rem;line-height:1.6;color:#ccc}.hero-image{flex:1;display:flex;justify-content:center}.hero-image img{max-width:400px;width:100%;height:auto;border-radius:10px;object-fit:cover;box-shadow:0 4px 15px #0000004d;border:2px solid transparent;background:linear-gradient(45deg,#ff0080,#00b0ff);padding:3px}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center}.hero-image img{max-width:300px}.navbar{flex-direction:column;gap:1rem;padding:1rem}.navbar-links{flex-direction:column;align-items:center;gap:1rem}}.waves{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;overflow:hidden;z-index:0}.waves:before{content:"";position:absolute;top:0;left:0;width:.5rem;height:.5rem;background:#160000;border-radius:50%;transform:translate3d(calc(var(-.5rem) - 50%),calc(var(50%) - 50%),0);will-change:transform}.waves-canvas{display:block;width:100%;height:100%}.shiny-text{color:#b5b5b5a4;background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.projects-section{background-color:#0e0e0e;color:#fff;padding:4rem 1rem;width:100%}.projects-container{width:100%;max-width:1200px;margin:0 auto;text-align:center;position:relative}.projects-title{font-size:3rem;margin-bottom:.5rem;font-weight:700;background:linear-gradient(45deg,#ff0080,#00b0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-subtitle{font-size:1.1rem;color:#ccc;margin-bottom:3rem}.projects-slider{display:flex;gap:2rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem;scrollbar-width:thin;scrollbar-color:#ff0080 #1b1b1b;width:100%}.projects-slider::-webkit-scrollbar{height:8px}.projects-slider::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff0080,#00b0ff);border-radius:4px}.projects-card{min-width:300px;max-width:400px;width:calc(33.333% - 2rem);flex-shrink:0;text-align:center;background:#1b1b1b;padding:1.5rem;border-radius:8px;box-shadow:0 4px 15px #0000004d;transition:transform .3s ease}.projects-card:hover{transform:translateY(-5px)}.projects-image{width:100%;max-width:280px;height:auto;margin-bottom:1rem;border-radius:8px;border:2px solid transparent;background:linear-gradient(45deg,#ff0080,#00b0ff);padding:3px}.web-image,.uiux-image{width:100%;max-width:600px;height:auto}.projects-name{font-size:1rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(45deg,#ff0080,#00b0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.projects-description{color:#ccc;font-size:.9rem;line-height:1.6}@media (max-width:768px){.projects-slider{gap:1rem;padding:.5rem}.projects-card{min-width:200px}.projects-image{width:150px}}*{margin:0;padding:0;box-sizing:border-box}.skills-section{width:100%;background-color:#0e0e0e;color:#fff;padding:4rem 0}.skills-container{width:80%;max-width:1200px;margin:0 auto;position:relative}.skills-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;font-weight:700;background:linear-gradient(45deg,#ff0080,#00b0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills-content{display:flex;flex-direction:column;gap:2rem;position:relative}.skills-card{background-color:#1b1b1b;border:1px solid #333;border-radius:8px;padding:2rem;box-shadow:0 4px 15px rgba (0,0,0,.3);transition:transform .3s ease}.skills-card:hover{transform:translateY(-5px)}.skills-card h3{font-size:1.5rem;margin-bottom:1rem;color:#f5f5f5}.skills-card p{line-height:1.6;color:#ccc}@media (min-width:992px){.skill-content{flex-direction:row;justify-content:space-between}.service-card{flex:1}}