/* Theme styles */

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; background: #F8FAFC; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Pontiq header and logo styles */
.header {
    background: white;
    border-bottom: 1px solid #E2E8F0;
    padding: 1rem 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.sign-out-btn {
    background: transparent;
    border: none;
    color: var(--text);
    font-weight: 500;
    cursor: pointer;
    font-family: inherit;
    font-size: 14px;
}

.sign-out-btn:hover {
    text-decoration: underline;
}

.header-actions {
    display: flex;
    gap: 12px;
    align-items: center;
}
/* Remove margin for desktop */
@media (max-width: 600px) {

}
.logo-container { display: flex; align-items: center; text-decoration: none; color: inherit; }
.logo-icon { width: 48px; height: 48px; background: #3B82F6; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-right: 1rem; }
.logo-text h2 {
		font-size: 2rem;
		background: linear-gradient(135deg, #3B82F6, #8B5CF6);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		font-weight: 700;
		letter-spacing: -0.01em;
		margin: 0;
}
.logo-text p { font-size: 0.95rem; color: #64748B; margin: 0; }
.nav-links { display: flex; gap: 2rem; align-items: center; }
.nav-links a, .nav-links button { color: #475569; text-decoration: none; font-size: 0.9rem; font-weight: 600; cursor: pointer; background: none; border: none; padding: 0; transition: color 0.2s; position: relative; }
.nav-links a:hover, .nav-links button:hover { color: #3B82F6; }
.nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; right: 0; height: 2px; background: #3B82F6; transform: scaleX(0); transition: transform 0.2s; }
.nav-links a:hover::after { transform: scaleX(1); }
.nav-links .cta-btn { background: #3B82F6; color: white; padding: 0.625rem 1.5rem; border-radius: 8px; font-weight: 600; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2); }
.nav-links .cta-btn:hover { background: #2563EB; color: white; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(59, 130, 246, 0.3); }
.nav-links .cta-btn:hover::after { display: none; }
@media (max-width: 600px) {
	/* .header { flex-direction: column; align-items: flex-start; padding: 1rem 2%; } */
	.logo-container {
		justify-content: left;
		width: 100%;
	}
	.logo-icon { width: 40px; height: 40px; margin-right: 0.5rem; }
	.logo-text h2 { font-size: 1.3rem; }
	.logo-text p { font-size: 0.8rem; }
	.nav-links {
		gap: 1rem;
		font-size: 0.95rem;
		margin-top: 0.5rem;
		justify-content: right;
		width: 100%;
	}
    .header {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /* padding: 1rem 2%; */
    }
	.logo-container { margin: 0.5rem 0; }
	.nav-links { margin: 0.5rem 0; }
    .sign-out-btn {
        position: absolute;
        top: 12px;
        right: 16px;
        order: 0;
    }
    .header-actions {
        order: 2;
        width: 100%;
        justify-content: right;
        gap: 10px;
        flex-wrap: wrap;
    }
}