:root{--background:#ffffff;--foreground:#171717;--color4:#F8FAFC;--color3:#D9EAFD;--color2:#BCCCDC;--color1:#9AA6B2;--color5:rgb(0,0,0);--color6:rgb(28,82,123)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:var(--color4);margin-top:60px}.footer{position:fixed;bottom:0;left:0;width:100%;height:28px;line-height:28px;padding:0;margin:0;background:var(--color4);text-align:center;font-size:12px;color:var(--color6);box-shadow:0 -1px 3px rgba(0,0,0,.1);z-index:1000}.no-underline{text-decoration:none;color:var(--color5)}.container{max-width:1200px;margin:0 auto;padding:0}.header1{background-color:var(--color6);color:white;padding:50px 0;text-align:center;height:25%}.header1 h1{font-size:3rem}.header1 p{font-size:1.5rem;margin:20px 0}.cta-button{background-color:var(--color3);padding:10px 20px;text-decoration:none;color:var(--color5);font-weight:700;border-radius:5px}.vision{padding:40px 20px;background-color:white;text-align:center;color:var(--color5);height:25%}.vision h2{font-size:2rem}.vision p{font-size:1.1rem;max-width:800px;margin:20px auto}.products{padding:40px 20px;background-color:var(--color3);color:var(--color5)}.products h2{text-align:center;font-size:2.5rem;margin-bottom:30px}.card-container{flex-wrap:wrap}.card,.card-container{display:flex;justify-content:space-between}.card{background-color:white;color:var(--color5);padding:20px;margin:15px;flex:1;max-width:calc(33.33% - 30px);box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;flex-direction:column}.card h3{font-size:1.8rem;margin-bottom:15px}.card p{font-size:1rem;margin-bottom:20px;flex-grow:1}.card a{color:var(--color6);text-decoration:none;font-weight:700;background-color:var(--color3);padding:10px 20px;border-radius:5px;display:inline-block;margin-top:20px;width:100%;text-align:center}@media (max-width:768px){.card{max-width:calc(50% - 30px)}}@media (max-width:480px){.card{max-width:100%}}.card a:hover,.cta-button:hover{background-color:var(--color2);transform:translateY(-5px);color:var(--color5)}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}.header{background-color:var(--color4);padding:10px 20px;position:fixed;width:100%;top:0;left:0;z-index:10000;justify-content:space-between}.header,.logoContainer{display:flex;align-items:center}.logo{height:50px}.profileContainer{position:relative;display:flex;text-decoration:none}.profileIcon{background-color:var(--color6);color:white;width:50px;height:50px;border-radius:20%;font-size:1.5rem;text-align:center;line-height:50px;cursor:pointer}.dropdown{position:absolute;right:0;top:60px;background-color:var(--color4);border-radius:8px;box-shadow:0 4px 12px var(--color5);width:200px;padding:10px;color:var(--color5)}.dropdownItem{display:block;color:var(--color5);text-align:center;padding:8px;text-decoration:none}.dropdownItem:hover{background-color:var(--color1)}.backButton{width:60px;height:40px;border-radius:50%;font-size:2rem;text-align:center;line-height:50px;cursor:pointer;text-decoration:none}.backButton:hover{scale:1.2;transition:scale .2s}