/* AUSPRIME LLC - Main Design System */
:root {
    --primary-gold: #D4AF37;
    --primary-blue: #1E3A8A;
    --primary-dark: #0F172A;
    --secondary-orange: #F97316;
    --secondary-green: #10B981;
    --secondary-red: #EF4444;
    --white: #FFFFFF;
    --light-gray: #F3F4F6;
    --gray: #6B7280;
    --dark-gray: #374151;
    
    --gradient-primary: linear-gradient(135deg, #D4AF37 0%, #1E3A8A 100%);
    --gradient-cta: linear-gradient(135deg, #F59E0B 0%, #3B82F6 100%);
    
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--dark-gray);
    line-height: 1.6;
    overflow-x: hidden;
    background: var(--white);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

a {
    text-decoration: none;
    transition: 0.3s;
}

/* Containers */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }

/* Buttons */
.btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: 0.3s;
}

.btn-primary {
    background: var(--gradient-cta);
    color: var(--white);
}

.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

/* 3D Header Desktop */
.desktop-header {
    background: var(--white);
    box-shadow: var(--shadow-sm);
    display: none;
}

.top-bar {
    background: var(--primary-dark);
    color: var(--white);
    font-size: 13px;
    padding: 8px 0;
}

.header-main {
    padding: 20px 0;
}

/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.animate-float {
    animation: float 4s ease-in-out infinite;
}