/* /cs_website/static/src/css/contact_page.css */
:root{--ink: #302d27; --muted-ink: #514b40; --canvas: #faf9f6; --sand: #eee4d4; --line: rgba(48, 45, 39, 0.1);}*{box-sizing: border-box;}html, body{min-height: 100%;}body{margin: 0; background: var(--canvas); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased;}#wrap{min-height: 100vh; display: flex; flex-direction: column; background: var(--canvas);}header{width: min(100% - 48px, 1040px); margin: 0 auto; padding: 32px 0;}.back-link{display: inline-flex; align-items: center; gap: 9px; color: var(--ink); font-size: 15px; font-weight: 650; letter-spacing: -0.01em; text-decoration: none; transition: opacity 150ms ease;}.back-link:hover{opacity: 0.68; color: var(--ink);}main{flex: 1; display: grid; place-items: center; padding: 40px 24px 100px;}.contact-panel{width: min(100%, 880px); min-height: 260px; display: grid; place-items: center; padding: clamp(38px, 7vw, 76px); border: 1px solid var(--line); border-radius: 18px; background: var(--sand); text-align: center; box-shadow: 0 20px 55px rgba(62, 48, 28, 0.055);}.contact-panel p{max-width: 680px; margin: 0; color: var(--muted-ink); font-size: clamp(20px, 3vw, 28px); font-weight: 400; line-height: 1.55; letter-spacing: -0.025em; text-wrap: balance;}.email{color: var(--ink); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; overflow-wrap: anywhere;}.email:hover{color: var(--ink); text-decoration-thickness: 2.5px;}a:focus-visible{outline: 3px solid #765333; outline-offset: 5px; border-radius: 3px;}@media (max-width: 560px){header{width: min(100% - 36px, 1040px); padding: 24px 0;}main{padding: 24px 18px 64px;}.contact-panel{min-height: 220px; border-radius: 14px;}.contact-panel p{font-size: clamp(19px, 5vw, 23px);}}