:root 
	{
		--tr-navy: #24354d;
		--tr-gold: #d79a3d;
		--tr-cream: #f3e6d3;
		--tr-soft: #0f1b2a;
	}
	
	body 
	{
		font-family:
			Montserrat,
			system-ui,
			-apple-system,
			Segoe UI,
			Roboto,
			Arial,
			sans-serif;
		color: #0b1220;
	}
	
	.brand-title 
	{
		font-family: "Playfair Display", Georgia, serif;
		letter-spacing: 0.2px;
	}
	
	.bg-navy 
	{
		background: var(--tr-navy) !important;
	}
	
	.text-gold 
	{
		color: var(--tr-gold) !important;
	}
	
	.btn-gold 
	{
		background: var(--tr-gold);
		color: #122033;
		border: 1px solid rgba(0, 0, 0, 0.08);
		font-weight: 700;
	}
	
	.btn-gold:hover 
	{
		background: #c9892f;
		color: #0d1726;
	}
	
	.btn-outline-gold 
	{
		border: 1px solid var(--tr-gold);
		color: var(--tr-gold);
		font-weight: 700;
	}
	
	.btn-outline-gold:hover 
	{
		background: var(--tr-gold);
		color: #122033;
	}
	
	.hero 
	{
		background: radial-gradient(900px 450px at 10% 10%, rgba(215, 154, 61, 0.22), transparent 55%),
			radial-gradient(800px 420px at 90% 20%, rgba(215, 154, 61, 0.14), transparent 55%),
			linear-gradient(180deg, #1e2c41, #182538);
		color: #f6f7fb;
	}
	
	.hero-card 
	{
		background: rgba(255, 255, 255, 0.06);
		border: 1px solid rgba(255, 255, 255, 0.12);
		backdrop-filter: blur(10px);
		border-radius: 18px;
	}
	
	.soft-card 
	{
		border: 1px solid rgba(18, 32, 51, 0.08);
		border-radius: 16px;
		box-shadow: 0 10px 30px rgba(10, 18, 32, 0.06);
	}
	
	.icon-badge 
	{
		width: 42px;
		height: 42px;
		border-radius: 12px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(215, 154, 61, 0.14);
		color: var(--tr-gold);
		flex: 0 0 auto;
	}
	
	.section-pad 
	{
		padding: 72px 0;
	}
	
	.section-pad-sm 
	{
		padding: 48px 0;
	}
	
	.divider 
	{
		height: 1px;
		background: rgba(18, 32, 51, 0.1);
	}
	
	.quote 
	{
		font-family: "Playfair Display", Georgia, serif;
		font-size: 1.05rem;
	}
	
	.pill
	{
		background: rgba(215, 154, 61, 0.12);
		border: 1px solid rgba(215, 154, 61, 0.3);
		color: #6b4b17;
		font-weight: 700;
		font-size: 0.85rem;
		border-radius: 999px;
		padding: 0.35rem 0.7rem;
		display: inline-flex;
		gap: 0.4rem;
		align-items: center;
	}
	
	.form-control,
	.form-select
	{
		border-radius: 12px;
		border-color: rgba(18, 32, 51, 0.16);
		padding: 0.75rem 0.9rem;
	}
	
	.accordion-button
	{
		border-radius: 12px !important;
	}
	
	.footer
	{
		background: #0f1b2a;
		color: rgba(255, 255, 255, 0.86);
	}
	
	.footer a
	{
		color: rgba(255, 255, 255, 0.86);
		text-decoration: none;
	}
	
	.footer a:hover
	{
		color: #fff;
		text-decoration: underline;
	}
	
	.logo
	{
		height: 70px;
		width: auto;
	}
	
	.shadow-soft
	{
		box-shadow: 0 18px 50px rgba(0, 0, 0, 0.18);
	}

	/* TRUE ROCK: MOCKUP LIVRO 3D (SEGURO, NAO QUEBRA LAYOUT) */
	.tr-mockup
	{
		max-width: 320px;
	}
	
	.tr-book
	{
		width: 100%;
		height: auto;
		display: block;
		border-radius: 18px;
		border: 1px solid rgba(255, 255, 255, 0.12);
		background: rgba(255, 255, 255, 0.06);
		box-shadow:
			0 24px 60px rgba(0, 0, 0, 0.35),
			0 8px 20px rgba(0, 0, 0, 0.25);
		transform: perspective(1200px) rotateY(-16deg) rotateX(5deg);
		transform-origin: left center;
	}
	
	@media (max-width: 991.98px)
	{
		.tr-mockup
		{
			max-width: 260px;
			margin-left: auto;
			margin-right: auto;
		}
		.tr-book
		{
			transform: perspective(1200px) rotateY(-10deg) rotateX(3deg);
		}
	}