html,body{margin:0;padding:0;font-family:sans-serif;background-color:#1e1e1e;color:#e4e4e4}.app-layout.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}.main-content.svelte-12qhfyh{flex:1}.site-header.svelte-12qhfyh{background-color:#2d2d2d;border-bottom:1px solid #404040;padding:1.5rem 0}.header-content.svelte-12qhfyh{display:grid;grid-template-columns:160px 1fr 160px;align-items:center;gap:1rem;padding:0 1rem;max-width:100%}.logo-link.svelte-12qhfyh{display:block;flex-shrink:0;transition:opacity .2s ease;justify-self:start}.logo-link.svelte-12qhfyh:hover{opacity:.8}.app-logo.svelte-12qhfyh{width:140px;height:140px;object-fit:contain;display:block}.introduction-content.svelte-12qhfyh{text-align:center;grid-column:2}.introduction-content.svelte-12qhfyh h1:where(.svelte-12qhfyh){color:#4fc3f7;font-size:2.5rem;font-weight:700;margin:0 0 1rem;text-shadow:0 2px 4px rgba(79,195,247,.3)}.introduction-content.svelte-12qhfyh p:where(.svelte-12qhfyh){color:#e4e4e4;font-size:1.1rem;line-height:1.6;margin:0}.site-footer.svelte-12qhfyh{background-color:#2d2d2d;border-top:1px solid #404040;margin-top:auto;padding:1rem 0}.footer-content.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.footer-nav.svelte-12qhfyh{flex:1;display:flex;justify-content:space-between;align-items:center}.footer-content.svelte-12qhfyh p:where(.svelte-12qhfyh){margin:0;color:#e4e4e4;font-size:.875rem;white-space:nowrap}.footer-nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:#e4e4e4;text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:#4fc3f7;text-decoration:underline}@media (max-width: 768px){.header-content.svelte-12qhfyh{grid-template-columns:auto 1fr;gap:1rem}.logo-link.svelte-12qhfyh{grid-column:1}.introduction-content.svelte-12qhfyh{grid-column:2;text-align:left}.app-logo.svelte-12qhfyh{width:80px;height:80px}.introduction-content.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-size:1.5rem}.introduction-content.svelte-12qhfyh p:where(.svelte-12qhfyh){font-size:.9rem}.footer-content.svelte-12qhfyh{flex-direction:column;text-align:center;gap:.5rem}}