/* style.css */
body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    background-color: #f8f9fc;
    padding-top: 76px; /* fixed navbar */
}
.navbar {
    background: #0a2e3f;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.navbar-brand {
    font-weight: 600;
    letter-spacing: 1px;
}
.hero {
    background: linear-gradient(135deg, #0b3b4f 0%, #1c6e8f 100%);
    color: white;
    padding: 6rem 0;
    margin-bottom: 2rem;
}
.sigil-hero {
    width: 120px;
    height: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='white' stroke-width='2'/%3E%3Cpath d='M30,55 Q50,30 70,55' stroke='white' fill='none' stroke-width='2'/%3E%3Cpath d='M40,70 L60,70' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.sigil-medium {
    width: 80px;
    height: 80px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%230a2e3f' stroke-width='2'/%3E%3Cpath d='M30,55 Q50,30 70,55' stroke='%230a2e3f' fill='none' stroke-width='2'/%3E%3Cpath d='M40,70 L60,70' stroke='%230a2e3f' stroke-width='2'/%3E%3C/svg%3E");
    background-size: contain;
}
.card {
    border: none;
    border-radius: 1rem;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.2s;
}
.card:hover {
    transform: translateY(-5px);
}
.btn-primary {
    background-color: #1c6e8f;
    border-color: #1c6e8f;
}
.btn-primary:hover {
    background-color: #0e4d66;
    border-color: #0e4d66;
}
.footer {
    background-color: #0a2e3f;
    color: #ccc;
    margin-top: 3rem;
}