:root{--primary-accent-light: #53ADCA;--primary-accent: #348AA7;--primary-accent-dark: #225A6D;--secondary-accent: #1D3461;--third-accent: #09111F;--fourth-accent: #DB3A34;--fifth-accent: #F6AE2D;--text-primary: #E6F1FF;--text-secondary: #8A95A5;--background-dark: #0D1117;--background-light: #161B22;--background-footer: #101419;--component-background: #1C2128;--component-background-hover: #2D333B;--form-background: #22272E;--form-border: #333942}body{margin:0;background-color:#000}.App{text-align:center}.section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-primary);position:relative}.home-section{background-color:var(--background-dark)}.about-section{background-color:var(--background-light);padding:4rem 2rem}.geometric-shapes-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.geometric-shape{position:absolute;background-color:var(--primary-accent);border-radius:0}.about-section .content{position:-webkit-sticky;position:sticky;top:35vh;transform:translateY(-50%)}.services-section{background-color:var(--background-dark);padding:4rem 2rem 15rem;position:relative}.services-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,var(--background-light));z-index:1}.offer-section{background-color:var(--background-light);padding:4rem 2rem}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;width:100%;max-width:1200px;margin-top:3rem;margin:3rem auto}.home-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:35%;background:linear-gradient(to bottom,transparent,var(--background-light));z-index:1}.background-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:0;opacity:.3}.hidden{display:none}.content{z-index:2;position:relative;width:100%}.title{font-size:5rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.2rem}.subtitle{font-size:1.5rem;font-weight:400;margin-bottom:2rem;margin-left:auto;margin-right:auto;text-align:center}.home-section>.content>.subtitle{opacity:0;display:block;height:30px}.accent-color{color:var(--primary-accent-light)}.footer{background-color:var(--background-footer);padding:2rem;color:var(--text-secondary)}.contact-section{background-color:var(--background-light);padding:4rem 2rem}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:2rem auto 0}.contact-form input,.contact-form textarea{padding:1rem;border-radius:5px;border:1px solid var(--form-border);background-color:var(--form-background);color:var(--text-primary);font-size:1rem}.contact-form input:focus-visible,.contact-form textarea:focus-visible{border-color:var(--text-secondary)}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--text-secondary);transition:border-color .2s ease-in-out}.contact-form textarea{min-height:150px}.contact-form button{padding:1rem;border-radius:5px;border:none;background-color:var(--primary-accent);color:var(--text-primary);font-size:1.2rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.contact-form button:hover{background-color:var(--primary-accent-dark)}.contact-form input:-webkit-autofill,.contact-form input:-webkit-autofill:hover,.contact-form input:-webkit-autofill:focus,.contact-form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--form-background) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)!important;border:1px solid var(--form-border);font-size:1rem}.contact-form input:-webkit-autofill:focus,.contact-form input:-webkit-autofill:active{outline:none;border-color:var(--text-secondary);transition:border-color .2s ease-in-out}.submission-message{margin-top:1em;padding:1em;border-radius:4px}.submission-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.submission-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.card-container{display:flex;width:100%;margin-top:3rem;gap:1rem}.card{background-size:250%;background-repeat:no-repeat;background-position:center;border-radius:15px;text-align:left;transition:all .3s ease,background-position .1s ease;position:relative;overflow:hidden;flex:1 1 300px;height:400px}.card:hover{transform:scale(1.05);transition:all .3s ease,background-position .1s ease;background-size:150%}@media (max-width: 768px){.card-container{flex-direction:column}.card{flex-basis:auto}}.card:before{content:"";position:absolute;inset:0;background-color:#000000b3;transition:background-color .3s ease}.card:hover:before{background-color:#0000004d}.card-content{position:relative;z-index:1;padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.card h3{font-size:1.8rem;font-weight:600;color:var(--primary-accent);margin:0;transition:color .3s ease-in-out}.card:hover h3.dark{color:var(--primary-accent-dark)}.card:hover h3:not(.dark){color:var(--primary-accent-light)}.card p{font-size:1rem;line-height:1.6}.thumbnail-card{background-color:var(--component-background);border-radius:10px;color:var(--primary-accent-dark);padding:1.5rem;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:color .3s ease-in-out}.thumbnail-card:hover{transform:translateY(-5px);background-color:var(--component-background-hover);color:var(--primary-accent-light);transition:all .3s ease}.thumbnail-card-icon{margin-bottom:1rem}.thumbnail-card-icon svg{height:2.5rem;width:2.5rem}.thumbnail-card-title{font-size:1rem;font-weight:500;color:var(--text-primary)}