:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--bg-alt:#f4f4f4;--border:#e5e4e7;--accent:#0070c9;--accent-hover:#005ea3;--sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow:#0000001a 0 4px 6px -1px}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--bg-alt:#1f2028;--border:#2e303a;--shadow:#0006 0 4px 6px -1px}}*{box-sizing:border-box}body{font-family:var(--sans);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}.app-container{max-width:800px;margin:0 auto;padding:40px 20px}.header-title{color:var(--text-h);text-align:center;margin-bottom:10px;font-size:40px}.subtitle{color:var(--text);text-align:center;margin-bottom:40px;font-size:20px;font-weight:400}.contact{color:var(--text);justify-content:center;gap:.5rem;margin-top:.5rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.contact a{color:var(--accent);text-decoration:none}.contact a:hover{text-decoration:underline}.info-box{border:1px solid var(--border);background-color:var(--bg);border-radius:12px;align-items:center;gap:30px;margin-bottom:30px;padding:30px;display:flex}.profile-image{object-fit:cover;border-radius:10%;flex-shrink:0;width:180px;height:180px}.info-text{font-size:16px;line-height:1.6}.promotion-box{background-color:var(--bg-alt);text-align:center;border:1px solid var(--border);border-radius:12px;padding:40px 30px}.promotion-title{color:var(--text-h);margin-bottom:24px;font-size:22px}.promotion-logo{width:150px;height:150px;box-shadow:var(--shadow);border-radius:22px;margin-bottom:20px}.promotion-text{max-width:600px;margin:0 auto 24px;line-height:1.6}.btn-primary{background-color:var(--accent);color:#fff;border-radius:8px;padding:12px 28px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .1s;display:inline-block}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.footer{border-top:1px solid var(--border);text-align:center;margin-top:40px;padding-top:20px;font-size:14px}@media (width<=600px){.info-box{text-align:center;flex-direction:column}}