:root{--accent: #009da8ff;--accent-darker: #007a7fff;--accent2: #11b196ff;--accent2-darker: #0b816eff;--bg-main: #ffffff;--bg-card: #ecfff8;--bg-section: #92c2be;--bg-header: #335765;--title: #5c3f2f;--text-main: #000000ff;--text-alt: #ffffffff}.theme-dark :root{--accent2: #0083daff;--accent2-darker: #005994ff;--accent: #00ccaaff;--accent-darker: #029980ff;--bg-main: #121212ff;--bg-card: #1e3d5a;--bg-section: #e7e7e717;--bg-header: #333333ff;--title: #a3f1ff;--text-main: #b6c5c9ff;--text-alt: #ffffff}html,body,#root{height:100%;margin:0;background:var(--bg-main)}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-header);display:flex;justify-content:space-between;align-items:center;padding:3vh 10%}.logo{display:flex;align-items:center}.logo img{height:4vh}.navbar a{font-size:1.3rem;font-weight:700;color:var(--text-main);text-decoration:none;transition:all .3s ease}.nav-links{display:flex;gap:1vw}.nav-links :hover{color:var(--accent2)}footer{text-align:center;justify-content:center;padding-top:2vh;padding-bottom:2vh;background-color:var(--bg-header)}footer .social-links{margin:2vh auto 3vh;gap:5vw}section{margin:5vh 0;padding:2vh 0;background:var(--bg-section)}.section-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem;color:var(--title);margin-left:10%}.section-intro{font-size:2rem;margin-left:10%}.cards-container{align-content:start;justify-items:center;display:grid;grid-template-columns:1fr 1fr;width:75%;margin:auto}.card{padding:1.5rem;border-radius:12px;background:var(--bg-card);width:100%;box-shadow:0 0 2px 1px var(--bg-header)}.card-title{font-size:2rem;font-weight:600;color:var(--title);text-align:center}.card-text,.section-cta{font-size:1.5rem;color:var(--text-main)}.card-highlight{text-align:center;font-weight:700;color:var(--text-alt);background-color:var(--bg-header);border-radius:30px;padding:5%}.section-cta{text-align:center}.section-cta strong{color:var(--accent);font-weight:600;cursor:pointer}.section-note{font-size:1.2rem;color:var(--text-main);text-align:center;align-items:center}.pricing .cards-container,.projects .cards-container{display:grid;grid-template-columns:none;gap:1rem}.pricing .card{display:grid;grid-template-columns:2fr 4fr 1fr;align-items:center}.pricing .card-title{text-align:start;font-size:1.8rem}.pricing .card-text{width:80%;margin:auto}.workflow .cards-container{grid-template-columns:repeat(4,20%);gap:5%}.workflow .card{display:flex;flex-direction:column;gap:10%}.workflow .card-text{text-align:center}.services .cards-container{grid-template-columns:repeat(3,30%);gap:5%}.services .card{display:flex;flex-direction:column;gap:10%}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:2vh 5%}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.navbar a{font-size:1rem}.logo img{height:5vh}section{margin:3vh 0;padding:3vh 5%}.section-title{font-size:1.6rem;margin-left:0;text-align:center}.section-intro{font-size:1.2rem;margin-left:0;text-align:center}.cards-container{grid-template-columns:1fr;width:100%;gap:1.5rem}.card{padding:1.2rem}.card-title{font-size:1.4rem}.card-text,.section-cta{font-size:1.1rem}.card-highlight{padding:3% 0;width:40%;margin:auto}.pricing .card{grid-template-columns:1fr;text-align:center;gap:1rem}.pricing .card-text{width:100%}.workflow .cards-container,.services .cards-container{grid-template-columns:1fr}.workflow .card,.services .card{gap:1rem}footer{padding:3vh 5%;font-size:.9rem}}@media(max-width:480px){.card-title{font-size:1.2rem}.section-title{font-size:1.4rem}}.contact-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:1rem}.contact-form{background:var(--bg-card);width:100%;max-width:420px;padding:2rem;border-radius:12px;box-shadow:0 2px 10px var(--bg-header)}.contact-form h2{margin-bottom:1.5rem;font-size:1.6rem;text-align:center;color:var(--title);font-weight:600}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{margin-bottom:.4rem;font-size:.9rem}.form-group input,.form-group textarea{padding:.6rem .7rem;border:1px solid #ccc;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#000}.contact-form button{width:100%;padding:.7rem;margin-top:.5rem;border:none;border-radius:10px;background:var(--bg-header);color:#fff;font-size:1rem;cursor:pointer}.contact-form button:hover{opacity:.9}.status{margin-top:1rem;text-align:center;font-size:.9rem}.aboutme,.aboutme-short{background:var(--bg-main);margin:0;min-height:80vh}.aboutme-container{display:flex;margin:0 auto;justify-content:center;width:75%;gap:5%}.aboutme-title{font-size:2.2rem;color:var(--title)}.aboutme-text p{font-size:1.2rem;text-align:justify;color:var(--text-muted)}.tech-stack-list{color:var(--title)}.aboutme-img{margin:3vh auto}.aboutme-img img{width:100%}.aboutme-short-container{margin:auto;width:75%}.aboutme-short-text,.aboutme-short-cta,.aboutme-short-connect{width:60%;font-size:1.6rem;text-align:justify;color:var(--text-main)}.aboutme-short-intro{font-size:2.5rem;text-align:justify;color:var(--accent)}.aboutme-short-name,.aboutme-short-tag{padding-left:5%;margin:0;font-size:3rem;font-weight:600;color:var(--title)}.aboutme-short-tag{padding-left:10%;font-size:2.7rem;color:var(--bg-header)}.cta-buttons{display:flex;gap:2vw}.tellmemore-button{padding:1vh 2vh;font-size:1.5rem;font-weight:600;color:#fff;background:var(--accent2);border:none;border-radius:8px;cursor:pointer}.tellmemore-button:hover{background:var(--accent2-darker)}.tellmemore-button:nth-child(2){background:var(--accent)}.tellmemore-button:nth-child(2):hover{background:var(--accent-darker)}.aboutme-short-connect{margin-top:8vh}.social-links{display:flex;align-items:center;width:fit-content;gap:3vw}.social-links img{max-height:80px;min-height:40px}.social-links img:hover{transform:scale(1.1);transition:transform .5s}