*,*:before,*:after{box-sizing:border-box}:root{--primary-accent: #00CED1;--secondary: #1A324E;--callout: #FFBF00;--neutral-bg: #F0F2F5}html,body{height:100%}body{margin:0;font-family:Arial,sans-serif;background-color:var(--neutral-bg);color:var(--secondary)}.hero-section{min-height:100vh;background-color:var(--secondary);color:var(--neutral-bg);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;gap:20px}.hero-section img{margin-bottom:0}.cta-button{background-color:var(--primary-accent);color:#fff;padding:15px 30px;font-size:1.2rem;border:none;border-radius:5px;cursor:pointer;text-transform:uppercase;font-weight:700;margin-top:20px}.cta-button:hover{background-color:#00a6a9}.app-footer{background-color:var(--secondary);color:var(--neutral-bg);padding:20px;text-align:center;font-size:.85em;width:100%}.footer-content{max-width:1200px;margin:0 auto}.footer-links a{color:var(--primary-accent);text-decoration:none;margin:0 10px;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-links span{margin:0 5px;color:var(--primary-accent)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000000e6;z-index:1000}.modal-content{max-width:400px;width:90%;background-color:var(--neutral-bg);color:var(--secondary);padding:40px;border-radius:8px;box-shadow:0 5px 15px #00000080;position:relative;text-align:center;margin:0}.modal-content h2{color:var(--primary-accent);margin-top:0}.modal-content input{width:90%;padding:12px;margin:10px 0;border:1px solid var(--secondary);border-radius:4px;font-size:1rem;box-sizing:border-box}.modal-submit-button{width:90%;margin-top:15px}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--secondary);font-weight:700}.submission-message.success{color:var(--data-green)}.submission-message.error{color:#c33}