:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}footer{position:fixed;bottom:0;left:0;width:100%;background-color:#333;color:white;text-align:center;padding:10px 0;font-size:14px;z-index:999}footer p{margin:0}footer a{color:white;text-decoration:none}footer a:hover{text-decoration:underline}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.contact-page{display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--foreground)}.contact-card,.contact-page{padding:20px;background:var(--background)}.contact-card{width:100%;max-width:500px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.contact-card h1{font-size:24px;margin-bottom:10px}.contact-card p{font-size:16px;color:var(--foreground)}.contact-card p,.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:5px}.form-group input,.form-group textarea{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:5px;background:var(--background);color:var(--foreground)}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px rgba(0,123,255,.5)}.submit-button{width:100%;padding:10px 15px;font-size:16px;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:#0056b3}.submit-button:focus{outline:none;box-shadow:0 0 5px rgba(0,123,255,.5)}@media (prefers-color-scheme:dark){.contact-card{box-shadow:0 4px 10px rgba(255,255,255,.1)}}