*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main{width:100%;overflow-x:hidden}section{width:100%;margin:0;padding:0}.about-me{padding-top:80px;min-height:100vh}.projects,.skills,.contact{min-height:100vh;width:100%}.section-content{width:100%;margin:0;padding:0}.section-content h2{margin:0;padding:2rem 0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.4rem;background-color:#98bcdf;color:#fff;position:fixed;box-sizing:border-box;top:0;box-shadow:0 2px 8px #0000001a;width:100%;margin:0;left:0;z-index:1000;transition:all .3s ease}.navbar-dark{display:flex;justify-content:space-between;align-items:center;padding:1.4rem;background-color:#152e40;color:#fff;position:fixed;box-sizing:border-box;top:0;box-shadow:0 2px 8px #0000004d;width:100%;margin:0;left:0;z-index:1000;transition:all .3s ease}.logo{font-size:2.2rem;font-weight:700;letter-spacing:1px;font-family:sans-serif;color:#152e40;transition:all .3s ease;cursor:pointer}.logo-dark{font-size:2.2rem;font-weight:700;letter-spacing:1px;font-family:sans-serif;color:#d2c1b6;transition:all .3s ease;cursor:pointer}.logo:hover{color:#0a1a24;transform:translateY(-3px)}.logo-dark:hover{color:#fff;transform:translateY(-3px)}.items{display:flex;gap:2rem;align-items:center}.item{font-size:1.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin:0;padding:0;color:#152e40;line-height:1;display:flex;align-items:center;white-space:nowrap;position:relative}.item-dark{font-size:1.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin:0;padding:0;color:#d2c1b6;line-height:1;display:flex;align-items:center;white-space:nowrap;position:relative}.item:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#0a1a24;transition:width .3s ease}.item-dark:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#fff;transition:width .3s ease}.item:hover{color:#0a1a24;transform:translateY(-3px)}.item:hover:after{width:100%}.item-dark:hover{color:#fff;transform:translateY(-3px)}.item-dark:hover:after{width:100%}.theme-toggle{margin:5px;padding:10px;border:none;border-radius:50%;cursor:pointer;background:linear-gradient(135deg,gold,orange);color:#fff;font-size:24px;transition:all .3s ease;outline:none;display:flex;align-items:center;justify-content:center;width:45px;height:45px;box-shadow:0 2px 8px #0003}.theme-toggle:hover{background:linear-gradient(135deg,#ffed4e,#ffb732);transform:scale(1.1) rotate(20deg);box-shadow:0 4px 12px #0000004d}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 3px #ffd7004d}@media (max-width: 1000px){.navbar,.navbar-dark{flex-direction:column;padding:1rem}.logo,.logo-dark{margin-bottom:1rem;font-size:1.8rem}.items{width:100%;justify-content:space-around;gap:.5rem;align-items:center;flex-wrap:wrap}.item,.item-dark{font-size:1rem;padding:.5rem 0}.theme-toggle{width:40px;height:40px;font-size:20px}}@media (max-width: 768px){.logo,.logo-dark{font-size:1.5rem}.item,.item-dark{font-size:.9rem}.items{gap:.3rem}}.aboutme{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;min-height:100vh;width:100vw;margin:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:4rem 2rem;background-color:#fff;transition:background-color .3s ease;box-sizing:border-box}.aboutme-dark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;min-height:100vh;width:100vw;margin:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding:4rem 2rem;background-color:#1b3c53;transition:background-color .3s ease;box-sizing:border-box}.highlight-dark{font-weight:700;color:#c3d9ed}.image-container{width:250px;height:250px;border-radius:50%;border:5px solid #98bcdf;object-fit:cover;box-shadow:0 4px 10px #0003;transition:border-color .3s ease}.aboutme-dark .image-container{border:5px solid #456882;box-shadow:0 4px 10px #00000080}.intro{line-height:1.8;text-align:center;font-size:25px;color:#555;padding:0 1rem;margin:0;font-family:Dosis,sans-serif;font-weight:300;width:150%;transition:color .3s ease}.aboutme-dark .intro,.aboutme-dark b{color:#d2c1b6}.contact-btns{padding:2rem;background-color:#98bcdf;color:#fff;border:none;border-radius:30px;font-size:1.7rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.aboutme-dark .contact-btns{background-color:#456882;color:#d2c1b6}.contact-btns:hover{background-color:#2980b9;transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.aboutme-dark .contact-btns:hover{background-color:#456882;transform:translateY(-3px);box-shadow:0 6px 12px #0000004d}.text-content{display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center;max-width:600px}@media (max-width: 768px){.image-container{width:180px;height:180px}.intro{font-size:1rem;padding:0 1rem}}.highlight{font-weight:700;color:#34608c}.projects-section{width:100%;padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#f8f9fa;transition:all .3s ease}.projects-section-dark{width:100%;padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#1b3c53;transition:all .3s ease}.title{margin-bottom:3rem;text-align:center;color:#2c3e50;font-size:2.5rem;width:100%;transition:color .3s ease}.projects-section-dark .title{color:#d2c1b6}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%;max-width:1200px;margin:0 auto}.card{width:100%;height:auto;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;display:flex;flex-direction:column}.projects-section-dark .card{background-color:#234c6a;box-shadow:0 5px 15px #0000004d}.card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.projects-section-dark .card:hover{box-shadow:0 15px 30px #00000080}.img-container{width:100%;height:200px;object-fit:cover;display:block}.proj-title{padding:1rem;font-size:1.5rem;color:#2c3e50;margin:0;transition:color .3s ease}.projects-section-dark .proj-title{color:#d2c1b6}.desc{padding:0 1rem 1rem;color:#555;line-height:1.6;flex-grow:1;font-size:1rem;transition:color .3s ease}.projects-section-dark .desc{color:#b8b8b8}.view-btn{margin:0 1rem 1.5rem;padding:.8rem 1.2rem;background-color:#98bcdf;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-size:1rem;font-weight:500;align-self:flex-start}.projects-section-dark .view-btn{background-color:#456882;color:#d2c1b6}.view-btn:hover{background-color:#2980b9;transform:scale(1.05)}.projects-section-dark .view-btn:hover{background-color:#567a96}a{text-decoration:none;color:inherit}@media (max-width: 1024px){.cards-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.title{font-size:2rem}}@media (max-width: 768px){.projects-section{padding:3rem 1rem}.cards-container{grid-template-columns:1fr;gap:1.5rem}.card{max-width:100%}.title{font-size:1.8rem;margin-bottom:2rem}.proj-title{font-size:1.3rem}.desc{font-size:.95rem}.view-btn{font-size:.95rem;padding:.7rem 1rem}}@media (max-width: 480px){.projects-section{padding:2rem 1rem}.title{font-size:1.5rem}.card{border-radius:15px}.img-container{height:180px}}.skills-section{width:100%;padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f9fa;transition:all .3s ease}.skills-section-dark{width:100%;padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1b3c53;transition:all .3s ease}.skills-main-title{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:#2c3e50;transition:color .3s ease}.skills-section-dark .skills-main-title{color:#d2c1b6}.skills-cards{display:flex;flex-direction:row;gap:4rem;align-items:flex-start;justify-content:center;width:100%;max-width:1400px;margin:0 auto}.container{display:flex;flex-direction:column;align-items:center;gap:2rem;flex:1;min-width:250px}.category-title{font-size:1.8rem;color:#2c3e50;text-align:center;margin:0;transition:color .3s ease}.skills-section-dark .category-title{color:#d2c1b6}.cards-wrapper{display:flex;flex-direction:column;gap:1.5rem;width:100%;align-items:center}.skills-section .card,.skills-section-dark .card{width:200px;height:220px;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;margin:0}.skills-section-dark .card{background-color:#234c6a;box-shadow:0 5px 15px #0000004d}.skills-section .card:hover,.skills-section-dark .card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 10px 25px #0003}.skills-section-dark .card:hover{box-shadow:0 10px 25px #00000080}.skills-section .card img,.skills-section-dark .card img{width:80px;height:80px;object-fit:contain;margin-bottom:1rem;transition:transform .3s ease}.skills-section .card:hover img,.skills-section-dark .card:hover img{transform:scale(1.1)}.skills-section .card h3,.skills-section-dark .card h3{font-size:1.2rem;color:#2c3e50;text-align:center;margin:0;transition:color .3s ease}.skills-section-dark .card h3{color:#d2c1b6}@media (max-width: 1024px){.skills-cards{flex-direction:column;gap:3rem}.container{width:100%}.cards-wrapper{flex-direction:row;flex-wrap:wrap;justify-content:center}.skills-main-title{font-size:2rem}.category-title{font-size:1.5rem}}@media (max-width: 768px){.skills-section,.skills-section-dark{padding:3rem 1rem}.skills-main-title{font-size:1.8rem;margin-bottom:2rem}.skills-cards{gap:2rem}.container{gap:1.5rem}.category-title{font-size:1.3rem}.skills-section .card,.skills-section-dark .card{width:150px!important;height:180px!important;padding:1rem!important}.skills-section .card img,.skills-section-dark .card img{width:60px!important;height:60px!important}.skills-section .card h3,.skills-section-dark .card h3{font-size:1rem!important}}@media (max-width: 480px){.skills-main-title{font-size:1.5rem}.category-title{font-size:1.1rem}.skills-section .card,.skills-section-dark .card{width:130px!important;height:160px!important}.skills-section .card img,.skills-section-dark .card img{width:50px!important;height:50px!important}.skills-section .card h3,.skills-section-dark .card h3{font-size:.9rem!important}}.contact-section{width:100%;padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#f8f9fa;transition:all .3s ease}.contact-section-dark{width:100%;padding:4rem 2rem;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#1b3c53;transition:all .3s ease}.title{margin-bottom:1rem;text-align:center;color:#2c3e50;font-size:2.5rem;width:100%;transition:color .3s ease}.contact-section-dark .title{color:#d2c1b6}.subtitle{text-align:center;color:#555;font-size:1.1rem;margin-bottom:3rem;transition:color .3s ease}.contact-section-dark .subtitle{color:#b8b8b8}.contact-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:1000px;margin:0 auto 3rem}.card-link{text-decoration:none;color:inherit}.contact-card{width:100%;height:auto;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem;gap:1rem}.contact-section-dark .contact-card{background-color:#234c6a;box-shadow:0 5px 15px #0000004d}.contact-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.contact-section-dark .contact-card:hover{box-shadow:0 15px 30px #00000080}.icon-wrapper{font-size:3rem;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;width:80px;height:80px}.contact-icon{width:100%;height:100%;object-fit:contain}.contact-card:hover .icon-wrapper{transform:scale(1.1)}.contact-title{font-size:1.5rem;color:#2c3e50;margin:0;transition:color .3s ease;text-align:center}.contact-section-dark .contact-title{color:#d2c1b6}.contact-handle{color:#555;font-size:.95rem;margin:0;transition:color .3s ease;text-align:center;word-break:break-all}.contact-section-dark .contact-handle{color:#b8b8b8}.contact-btn{padding:.7rem 1.5rem;border:2px solid #D2C1B6;background-color:transparent;color:#98bcdf;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .3s ease}.contact-section-dark .contact-btn{border-color:#456882;color:#d2c1b6}.contact-btn:hover{background-color:#8ea4b4;color:#fff;transform:scale(1.05)}.contact-section-dark .contact-btn:hover{background-color:#456882;color:#d2c1b6}.divider{width:80px;height:3px;background:linear-gradient(to right,transparent,#2c3e50,transparent);margin:2rem 0;transition:background .3s ease}.contact-section-dark .divider{background:linear-gradient(to right,transparent,#D2C1B6,transparent)}.message-section{width:100%;max-width:600px;margin:2rem auto 0}.message-title{text-align:center;color:#2c3e50;font-size:1.8rem;margin-bottom:2rem;transition:color .3s ease}.contact-section-dark .message-title{color:#d2c1b6}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2c3e50;font-weight:600;font-size:1rem;transition:color .3s ease}.contact-section-dark .form-group label{color:#d2c1b6}.form-input,.form-textarea{padding:.8rem 1rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background-color:#fff;color:#2c3e50}.contact-section-dark .form-input,.contact-section-dark .form-textarea{background-color:#234c6a;border-color:#456882;color:#d2c1b6}.form-input:focus,.form-textarea:focus{outline:none;border-color:#98bcdf;box-shadow:0 0 0 3px #98bcdf1a}.contact-section-dark .form-input:focus,.contact-section-dark .form-textarea:focus{border-color:#98bcdf;box-shadow:0 0 0 3px #98bcdf33}.submit-btn{padding:1rem 2rem;background-color:#98bcdf;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.contact-section-dark .submit-btn{background-color:#456882;color:#d2c1b6}.submit-btn:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.contact-section-dark .submit-btn:hover{background-color:#567a96}.submit-btn:active{transform:translateY(0)}@media (max-width: 1024px){.contact-cards-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}.title{font-size:2rem}}@media (max-width: 768px){.contact-section,.contact-section-dark{padding:3rem 1rem}.contact-cards-container{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:500px}.contact-cards-container .card-link:nth-child(3){grid-column:1 / -1;max-width:250px;justify-self:center}.title{font-size:1.8rem;margin-bottom:.5rem}.subtitle{font-size:1rem;margin-bottom:2rem}.contact-card{padding:1.5rem 1rem}.icon-wrapper{width:70px;height:70px;font-size:2.5rem}.contact-title{font-size:1.3rem}.contact-handle{font-size:.9rem}.message-section{margin:1.5rem auto 0}.message-title{font-size:1.5rem;margin-bottom:1.5rem}.form-input,.form-textarea{font-size:1rem;padding:.7rem .9rem}.submit-btn{padding:.9rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.contact-section,.contact-section-dark{padding:2rem 1rem}.title{font-size:1.5rem}.subtitle{font-size:.95rem}.icon-wrapper{width:60px;height:60px;font-size:2rem}.contact-title{font-size:1.2rem}.contact-handle{font-size:.85rem}.message-title{font-size:1.3rem}.divider{width:60px}}