/* friendsgaminghub.org - Finnish Free Social Gaming - Nordic Nature Theme */
:root {
--friendsgaminghub-primary: #E07A5F;
--friendsgaminghub-primary-dark: #C56751;
--friendsgaminghub-primary-light: #E89982;
--friendsgaminghub-secondary: #3D5A40;
--friendsgaminghub-secondary-dark: #2C4331;
--friendsgaminghub-secondary-light: #527456;
--friendsgaminghub-accent: #F4A261;
--friendsgaminghub-cream: #F4F1DE;
--friendsgaminghub-success: #81B29A;
--friendsgaminghub-warning: #F2CC8F;
--friendsgaminghub-error: #C1666B;
--friendsgaminghub-gray-50: #FDFBF7;
--friendsgaminghub-gray-100: #F9F6F0;
--friendsgaminghub-gray-200: #EAE4D8;
--friendsgaminghub-gray-300: #D4CFC3;
--friendsgaminghub-gray-400: #A8A49A;
--friendsgaminghub-gray-500: #7D7A71;
--friendsgaminghub-gray-600: #5A5850;
--friendsgaminghub-gray-700: #3E3D38;
--friendsgaminghub-gray-800: #2A2926;
--friendsgaminghub-gray-900: #1A1918;
--friendsgaminghub-white: #FFFFFF;
--friendsgaminghub-shadow-sm: 0 1px 3px rgba(61,90,64,0.08);
--friendsgaminghub-shadow: 0 3px 8px rgba(61,90,64,0.12);
--friendsgaminghub-shadow-md: 0 6px 16px rgba(61,90,64,0.14);
--friendsgaminghub-shadow-lg: 0 12px 24px rgba(61,90,64,0.16);
--friendsgaminghub-shadow-xl: 0 20px 40px rgba(61,90,64,0.20);
--friendsgaminghub-gradient-primary: linear-gradient(135deg, #E07A5F 0%, #F4A261 100%);
--friendsgaminghub-gradient-hero: linear-gradient(160deg, #3D5A40 0%, #527456 40%, #E07A5F 80%, #F4A261 100%);
--friendsgaminghub-gradient-accent: linear-gradient(110deg, #81B29A 0%, #3D5A40 100%);
--friendsgaminghub-border-radius: 6px;
--friendsgaminghub-border-radius-lg: 8px;
--friendsgaminghub-border-radius-xl: 10px;
--friendsgaminghub-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
--friendsgaminghub-transition: all 0.25s ease;
--friendsgaminghub-transition-fast: all 0.15s ease;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body { 
font-family: var(--friendsgaminghub-font-family); 
line-height: 1.65; 
color: var(--friendsgaminghub-gray-800); 
background: var(--friendsgaminghub-cream);
overflow-x: hidden; 
}
h1, h2, h3, h4, h5, h6 { 
font-weight: 700; 
line-height: 1.3; 
margin-bottom: 1rem; 
color: var(--friendsgaminghub-gray-900); 
word-wrap: break-word; 
overflow-wrap: break-word; 
hyphens: auto; 
}
h1 { font-size: 2.5rem; } 
h2 { font-size: 2rem; } 
h3 { font-size: 1.5rem; }
p { 
margin-bottom: 1rem; 
color: var(--friendsgaminghub-gray-700); 
word-wrap: break-word; 
overflow-wrap: break-word; 
}
a { 
color: var(--friendsgaminghub-primary); 
text-decoration: none; 
transition: var(--friendsgaminghub-transition-fast); 
word-wrap: break-word; 
overflow-wrap: break-word; 
}
a:hover { color: var(--friendsgaminghub-primary-dark); }

.friendsgaminghub-container { 
max-width: 1140px; 
margin: 0 auto; 
padding: 0 1.25rem; 
}

.friendsgaminghub-navbar { 
background: var(--friendsgaminghub-white); 
box-shadow: var(--friendsgaminghub-shadow); 
position: fixed; 
top: 0; 
left: 0; 
right: 0; 
z-index: 1000; 
transition: var(--friendsgaminghub-transition); 
border-bottom: 2px solid var(--friendsgaminghub-secondary);
}
.friendsgaminghub-navbar-container { 
display: flex; 
align-items: center; 
justify-content: space-between; 
padding: 0.9rem 0; 
}
.friendsgaminghub-navbar-brand { 
display: flex; 
align-items: center; 
gap: 0.65rem; 
font-size: 1.3rem; 
font-weight: 800; 
color: var(--friendsgaminghub-secondary); 
}
.friendsgaminghub-navbar-logo { 
height: 40px; 
width: auto; 
}
.friendsgaminghub-navbar-toggle { 
display: none; 
flex-direction: column; 
gap: 5px; 
background: var(--friendsgaminghub-primary); 
border: none; 
border-radius: var(--friendsgaminghub-border-radius); 
cursor: pointer; 
padding: 10px 14px; 
transition: var(--friendsgaminghub-transition-fast); 
}
.friendsgaminghub-navbar-toggle:hover { 
background: var(--friendsgaminghub-primary-dark); 
transform: scale(1.05); 
}
.friendsgaminghub-navbar-toggle-bar { 
width: 26px; 
height: 3px; 
background: var(--friendsgaminghub-white); 
border-radius: 2px; 
transition: var(--friendsgaminghub-transition); 
}
.friendsgaminghub-navbar-menu { 
display: flex; 
align-items: center; 
gap: 0.4rem; 
list-style: none; 
margin-bottom: 0; 
}
.friendsgaminghub-navbar-link { 
color: var(--friendsgaminghub-gray-700); 
font-weight: 600; 
padding: 0.65rem 1rem; 
border-radius: var(--friendsgaminghub-border-radius); 
position: relative; 
transition: var(--friendsgaminghub-transition); 
font-size: 0.95rem; 
white-space: nowrap; 
}
.friendsgaminghub-navbar-link:hover { 
background: var(--friendsgaminghub-gray-100); 
color: var(--friendsgaminghub-primary); 
}
.friendsgaminghub-navbar-link.active { 
background: var(--friendsgaminghub-secondary); 
color: var(--friendsgaminghub-white); 
box-shadow: var(--friendsgaminghub-shadow-sm); 
}
.friendsgaminghub-navbar-cta { 
background: var(--friendsgaminghub-gradient-primary); 
color: var(--friendsgaminghub-white); 
padding: 0.7rem 1.4rem; 
border-radius: var(--friendsgaminghub-border-radius); 
font-weight: 700; 
transition: var(--friendsgaminghub-transition); 
box-shadow: var(--friendsgaminghub-shadow); 
border: none; 
font-size: 0.95rem; 
white-space: nowrap; 
}
.friendsgaminghub-navbar-cta:hover { 
transform: translateY(-2px); 
box-shadow: var(--friendsgaminghub-shadow-md); 
color: var(--friendsgaminghub-white); 
}

@media (max-width: 768px) {
.friendsgaminghub-navbar-toggle { display: flex; }
.friendsgaminghub-navbar-menu { 
position: fixed; 
top: 70px; 
left: 0; 
right: 0; 
background: var(--friendsgaminghub-white); 
flex-direction: column; 
padding: 1.25rem; 
box-shadow: var(--friendsgaminghub-shadow-lg); 
transform: translateY(-150%); 
opacity: 0; 
visibility: hidden; 
transition: var(--friendsgaminghub-transition); 
z-index: 1000; 
gap: 0.65rem; 
max-height: calc(100vh - 70px); 
overflow-y: auto; 
}
.friendsgaminghub-navbar-menu.active { 
transform: translateY(0); 
opacity: 1; 
visibility: visible; 
}
.friendsgaminghub-navbar-menu li { width: 100%; }
.friendsgaminghub-navbar-link { 
display: block; 
width: 100%; 
padding: 0.95rem; 
text-align: center; 
font-size: 1.05rem; 
}
.friendsgaminghub-navbar-link:hover { 
background: var(--friendsgaminghub-secondary); 
color: var(--friendsgaminghub-white); 
}
.friendsgaminghub-navbar-cta { 
text-align: center; 
display: block; 
padding: 0.95rem 1.2rem; 
margin-top: 0.4rem; 
font-size: 1.05rem; 
}
.friendsgaminghub-navbar-toggle.active .friendsgaminghub-navbar-toggle-bar:nth-child(1) { 
transform: rotate(45deg) translate(8px, 8px); 
}
.friendsgaminghub-navbar-toggle.active .friendsgaminghub-navbar-toggle-bar:nth-child(2) { 
opacity: 0; 
}
.friendsgaminghub-navbar-toggle.active .friendsgaminghub-navbar-toggle-bar:nth-child(3) { 
transform: rotate(-45deg) translate(7px, -7px); 
}
}

.friendsgaminghub-main { 
margin-top: 72px; 
min-height: calc(100vh - 72px); 
}
.friendsgaminghub-section { 
padding: 4.5rem 0; 
}
.friendsgaminghub-section-alt { 
background: var(--friendsgaminghub-white); 
}

.friendsgaminghub-hero { 
background: var(--friendsgaminghub-gradient-hero); 
color: var(--friendsgaminghub-white); 
padding: 5.5rem 0 5rem; 
position: relative; 
overflow: hidden; 
}
.friendsgaminghub-hero::before { 
content: ''; 
position: absolute; 
top: -40%; 
right: -20%; 
width: 60%; 
height: 200%; 
background: rgba(244,241,222,0.08); 
transform: rotate(-20deg); 
}
.friendsgaminghub-hero-content { 
position: relative; 
z-index: 2; 
text-align: center; 
max-width: 750px; 
margin: 0 auto; 
}
.friendsgaminghub-hero-badge { 
display: inline-flex; 
align-items: center; 
gap: 0.55rem; 
background: rgba(255,255,255,0.18); 
padding: 0.55rem 1.2rem; 
border-radius: var(--friendsgaminghub-border-radius); 
font-size: 0.88rem; 
font-weight: 700; 
margin-bottom: 1.5rem; 
border: 1px solid rgba(255,255,255,0.3); 
}
.friendsgaminghub-hero-title { 
font-size: 3rem; 
font-weight: 800; 
margin-bottom: 1.3rem; 
line-height: 1.2; 
color: var(--friendsgaminghub-white); 
text-shadow: 0 2px 8px rgba(0,0,0,0.25); 
}
.friendsgaminghub-hero-subtitle { 
font-size: 1.2rem; 
margin-bottom: 2rem; 
color: var(--friendsgaminghub-white); 
opacity: 0.94; 
font-weight: 400; 
}
.friendsgaminghub-hero-cta { 
display: inline-flex; 
align-items: center; 
gap: 0.65rem; 
background: var(--friendsgaminghub-white); 
color: var(--friendsgaminghub-secondary); 
padding: 1rem 2rem; 
border-radius: var(--friendsgaminghub-border-radius-lg); 
font-size: 1.05rem; 
font-weight: 700; 
transition: var(--friendsgaminghub-transition); 
box-shadow: var(--friendsgaminghub-shadow-lg); 
}
.friendsgaminghub-hero-cta:hover { 
transform: translateY(-3px); 
box-shadow: var(--friendsgaminghub-shadow-xl); 
color: var(--friendsgaminghub-secondary); 
}

.friendsgaminghub-features-grid { 
display: grid; 
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
gap: 2rem; 
margin-top: 2.5rem; 
}
.friendsgaminghub-feature-card { 
background: var(--friendsgaminghub-white); 
padding: 2rem 1.5rem; 
border-radius: var(--friendsgaminghub-border-radius-lg); 
text-align: center; 
box-shadow: var(--friendsgaminghub-shadow); 
transition: var(--friendsgaminghub-transition); 
border: 1px solid var(--friendsgaminghub-gray-200); 
}
.friendsgaminghub-feature-card:hover { 
transform: translateY(-6px); 
box-shadow: var(--friendsgaminghub-shadow-lg); 
border-color: var(--friendsgaminghub-primary); 
}
.friendsgaminghub-feature-icon { 
width: 64px; 
height: 64px; 
background: var(--friendsgaminghub-gradient-primary); 
border-radius: var(--friendsgaminghub-border-radius); 
display: flex; 
align-items: center; 
justify-content: center; 
margin: 0 auto 1.2rem; 
font-size: 1.7rem; 
color: var(--friendsgaminghub-white); 
box-shadow: var(--friendsgaminghub-shadow); 
}
.friendsgaminghub-feature-title { 
font-size: 1.25rem; 
margin-bottom: 0.8rem; 
color: var(--friendsgaminghub-gray-900); 
}
.friendsgaminghub-feature-desc { 
color: var(--friendsgaminghub-gray-600); 
line-height: 1.7; 
font-size: 0.98rem; 
}

.friendsgaminghub-games-grid { 
display: grid; 
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 
gap: 1.8rem; 
margin-top: 2.5rem; 
}
.friendsgaminghub-game-card { 
background: var(--friendsgaminghub-white); 
border-radius: var(--friendsgaminghub-border-radius-lg); 
overflow: hidden; 
box-shadow: var(--friendsgaminghub-shadow); 
transition: var(--friendsgaminghub-transition); 
position: relative; 
border: 1px solid var(--friendsgaminghub-gray-200); 
}
.friendsgaminghub-game-card:hover { 
transform: translateY(-5px); 
box-shadow: var(--friendsgaminghub-shadow-lg); 
}
.friendsgaminghub-game-card.featured { 
border: 2px solid var(--friendsgaminghub-primary); 
}
.friendsgaminghub-game-badge { 
position: absolute; 
top: 12px; 
right: 12px; 
background: var(--friendsgaminghub-gradient-primary); 
color: var(--friendsgaminghub-white); 
padding: 0.4rem 0.8rem; 
border-radius: var(--friendsgaminghub-border-radius); 
font-size: 0.8rem; 
font-weight: 700; 
z-index: 2; 
box-shadow: var(--friendsgaminghub-shadow); 
}
.friendsgaminghub-game-image { 
width: 100%; 
height: 200px; 
overflow: hidden; 
background: var(--friendsgaminghub-gray-100); 
}
.friendsgaminghub-game-image img { 
width: 100%; 
height: 100%; 
object-fit: cover; 
transition: var(--friendsgaminghub-transition); 
}
.friendsgaminghub-game-card:hover .friendsgaminghub-game-image img { 
transform: scale(1.08); 
}
.friendsgaminghub-game-content { 
padding: 1.4rem; 
}
.friendsgaminghub-game-title { 
font-size: 1.2rem; 
margin-bottom: 0.65rem; 
color: var(--friendsgaminghub-gray-900); 
}
.friendsgaminghub-game-desc { 
color: var(--friendsgaminghub-gray-600); 
margin-bottom: 1rem; 
font-size: 0.92rem; 
line-height: 1.6; 
}
.friendsgaminghub-game-stats { 
display: flex; 
justify-content: space-between; 
margin-bottom: 1.1rem; 
font-size: 0.85rem; 
color: var(--friendsgaminghub-gray-500); 
gap: 0.5rem; 
}
.friendsgaminghub-game-stats span { 
display: flex; 
align-items: center; 
gap: 0.35rem; 
}
.friendsgaminghub-game-play { 
width: 100%; 
background: var(--friendsgaminghub-gradient-accent); 
color: var(--friendsgaminghub-white); 
padding: 0.8rem 1.2rem; 
border-radius: var(--friendsgaminghub-border-radius); 
font-weight: 700; 
border: none; 
cursor: pointer; 
transition: var(--friendsgaminghub-transition); 
font-size: 0.95rem; 
display: flex; 
align-items: center; 
justify-content: center; 
gap: 0.5rem; 
}
.friendsgaminghub-game-play:hover { 
transform: translateY(-2px); 
box-shadow: var(--friendsgaminghub-shadow-md); 
}

.friendsgaminghub-text-center { text-align: center; }
.friendsgaminghub-mb-5 { margin-bottom: 3rem; }
.friendsgaminghub-mt-5 { margin-top: 3rem; }

.friendsgaminghub-btn { 
display: inline-flex; 
align-items: center; 
gap: 0.55rem; 
padding: 0.85rem 1.7rem; 
border-radius: var(--friendsgaminghub-border-radius); 
font-weight: 700; 
transition: var(--friendsgaminghub-transition); 
border: none; 
cursor: pointer; 
font-size: 0.98rem; 
}
.friendsgaminghub-btn-primary { 
background: var(--friendsgaminghub-gradient-primary); 
color: var(--friendsgaminghub-white); 
box-shadow: var(--friendsgaminghub-shadow); 
}
.friendsgaminghub-btn-primary:hover { 
transform: translateY(-2px); 
box-shadow: var(--friendsgaminghub-shadow-md); 
color: var(--friendsgaminghub-white); 
}
.friendsgaminghub-btn-secondary { 
background: var(--friendsgaminghub-white); 
color: var(--friendsgaminghub-secondary); 
box-shadow: var(--friendsgaminghub-shadow); 
border: 1px solid var(--friendsgaminghub-gray-300); 
}
.friendsgaminghub-btn-secondary:hover { 
transform: translateY(-2px); 
box-shadow: var(--friendsgaminghub-shadow-md); 
color: var(--friendsgaminghub-secondary); 
}

.friendsgaminghub-cta-content { 
text-align: center; 
max-width: 700px; 
margin: 0 auto; 
}
.friendsgaminghub-cta-actions { 
display: flex; 
gap: 1rem; 
justify-content: center; 
margin-top: 1.8rem; 
flex-wrap: wrap; 
}

.friendsgaminghub-disclaimer-section { 
background: var(--friendsgaminghub-gray-100); 
}
.friendsgaminghub-alert { 
background: var(--friendsgaminghub-white); 
padding: 1.8rem; 
border-radius: var(--friendsgaminghub-border-radius-lg); 
border-left: 4px solid var(--friendsgaminghub-secondary); 
box-shadow: var(--friendsgaminghub-shadow); 
}
.friendsgaminghub-alert p { 
margin-bottom: 1rem; 
}
.friendsgaminghub-alert ul { 
list-style: none; 
padding-left: 0; 
margin-bottom: 0; 
}
.friendsgaminghub-alert li { 
padding: 0.5rem 0; 
color: var(--friendsgaminghub-gray-700); 
}
.friendsgaminghub-alert li strong { 
color: var(--friendsgaminghub-gray-900); 
}

.friendsgaminghub-footer { 
background: var(--friendsgaminghub-secondary); 
color: var(--friendsgaminghub-gray-100); 
padding: 3.5rem 0 1.5rem; 
}
.friendsgaminghub-footer-content { 
display: grid; 
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); 
gap: 2.5rem; 
margin-bottom: 2.5rem; 
}
.friendsgaminghub-footer-section h3 { 
color: var(--friendsgaminghub-white); 
font-size: 1.2rem; 
margin-bottom: 1.1rem; 
}
.friendsgaminghub-footer-section p { 
color: var(--friendsgaminghub-gray-200); 
margin-bottom: 0.7rem; 
font-size: 0.92rem; 
line-height: 1.7; 
}
.friendsgaminghub-footer-section a { 
color: var(--friendsgaminghub-gray-200); 
transition: var(--friendsgaminghub-transition-fast); 
}
.friendsgaminghub-footer-section a:hover { 
color: var(--friendsgaminghub-primary-light); 
}
.friendsgaminghub-disclaimer { 
border-top: 1px solid rgba(255,255,255,0.15); 
padding-top: 2rem; 
margin-top: 1.5rem; 
}
.friendsgaminghub-disclaimer p { 
color: var(--friendsgaminghub-gray-200); 
font-size: 0.88rem; 
line-height: 1.7; 
margin-bottom: 1rem; 
}
.friendsgaminghub-disclaimer a { 
color: var(--friendsgaminghub-primary-light); 
font-weight: 600; 
}
.friendsgaminghub-footer-bottom { 
border-top: 1px solid rgba(255,255,255,0.15); 
padding-top: 1.5rem; 
text-align: center; 
}
.friendsgaminghub-footer-bottom p { 
color: var(--friendsgaminghub-gray-200); 
font-size: 0.88rem; 
margin-bottom: 0; 
}
.friendsgaminghub-footer-bottom a { 
color: var(--friendsgaminghub-primary-light); 
font-weight: 600; 
margin-right: 0.8rem; 
}

.friendsgaminghub-about-intro { 
background: var(--friendsgaminghub-white); 
padding: 2.5rem; 
border-radius: var(--friendsgaminghub-border-radius-lg); 
box-shadow: var(--friendsgaminghub-shadow); 
margin-bottom: 3rem; 
border-left: 4px solid var(--friendsgaminghub-primary); 
}

.friendsgaminghub-values-grid { 
display: grid; 
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 
gap: 2rem; 
margin-top: 2.5rem; 
}
.friendsgaminghub-value-card { 
background: var(--friendsgaminghub-white); 
padding: 2rem; 
border-radius: var(--friendsgaminghub-border-radius-lg); 
box-shadow: var(--friendsgaminghub-shadow); 
border: 1px solid var(--friendsgaminghub-gray-200); 
transition: var(--friendsgaminghub-transition); 
}
.friendsgaminghub-value-card:hover { 
transform: translateY(-5px); 
box-shadow: var(--friendsgaminghub-shadow-lg); 
}

.friendsgaminghub-form-group { 
margin-bottom: 1.5rem; 
}
.friendsgaminghub-form-label { 
display: block; 
margin-bottom: 0.5rem; 
color: var(--friendsgaminghub-gray-800); 
font-weight: 600; 
font-size: 0.95rem; 
}
.friendsgaminghub-form-control { 
width: 100%; 
padding: 0.85rem 1rem; 
border: 1px solid var(--friendsgaminghub-gray-300); 
border-radius: var(--friendsgaminghub-border-radius); 
font-size: 1rem; 
font-family: inherit; 
transition: var(--friendsgaminghub-transition-fast); 
background: var(--friendsgaminghub-white); 
color: var(--friendsgaminghub-gray-800); 
}
.friendsgaminghub-form-control:focus { 
outline: none; 
border-color: var(--friendsgaminghub-primary); 
box-shadow: 0 0 0 3px rgba(224,122,95,0.1); 
}
.friendsgaminghub-form-control::placeholder { 
color: var(--friendsgaminghub-gray-400); 
}
textarea.friendsgaminghub-form-control { 
resize: vertical; 
min-height: 140px; 
}

.friendsgaminghub-contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.5rem;
align-items: start;
}

.friendsgaminghub-contact-intro {
margin-bottom: 2rem;
}

.friendsgaminghub-btn-full-width {
width: 100%;
}

.friendsgaminghub-faq-intro {
max-width: 700px;
margin: 0 auto 2.5rem;
}

.friendsgaminghub-faq-container {
max-width: 800px;
margin: 0 auto;
}

.friendsgaminghub-faq-card {
background: var(--friendsgaminghub-white);
padding: 2rem;
border-radius: var(--friendsgaminghub-border-radius-lg);
box-shadow: var(--friendsgaminghub-shadow);
border: 1px solid var(--friendsgaminghub-gray-200);
margin-bottom: 1.5rem;
transition: var(--friendsgaminghub-transition);
}

.friendsgaminghub-faq-card:hover {
transform: translateY(-2px);
box-shadow: var(--friendsgaminghub-shadow-md);
}

.friendsgaminghub-faq-card-last {
margin-bottom: 0;
}

.friendsgaminghub-faq-title {
font-size: 1.1rem;
margin-bottom: 0.7rem;
color: var(--friendsgaminghub-gray-900);
}

.friendsgaminghub-faq-answer {
margin-bottom: 0;
color: var(--friendsgaminghub-gray-700);
}

.friendsgaminghub-contact-info { 
background: var(--friendsgaminghub-white); 
padding: 2rem; 
border-radius: var(--friendsgaminghub-border-radius-lg); 
box-shadow: var(--friendsgaminghub-shadow); 
height: fit-content; 
border: 1px solid var(--friendsgaminghub-gray-200); 
}
.friendsgaminghub-contact-item { 
display: flex; 
align-items: start; 
gap: 1rem; 
margin-bottom: 1.5rem; 
}
.friendsgaminghub-contact-item:last-child { 
margin-bottom: 0; 
}
.friendsgaminghub-contact-icon { 
width: 42px; 
height: 42px; 
background: var(--friendsgaminghub-gradient-primary); 
border-radius: var(--friendsgaminghub-border-radius); 
display: flex; 
align-items: center; 
justify-content: center; 
color: var(--friendsgaminghub-white); 
font-size: 1.1rem; 
flex-shrink: 0; 
}
.friendsgaminghub-contact-details h4 { 
font-size: 1rem; 
margin-bottom: 0.3rem; 
color: var(--friendsgaminghub-gray-900); 
}
.friendsgaminghub-contact-details p { 
margin-bottom: 0; 
color: var(--friendsgaminghub-gray-600); 
font-size: 0.92rem; 
}

.friendsgaminghub-alert-success { 
background: #d1f4e0; 
color: #1e5631; 
padding: 1rem 1.3rem; 
border-radius: var(--friendsgaminghub-border-radius); 
margin-bottom: 1.5rem; 
border-left: 4px solid var(--friendsgaminghub-success); 
display: flex; 
align-items: center; 
gap: 0.8rem; 
}
.friendsgaminghub-alert-error { 
background: #f8d7da; 
color: #721c24; 
padding: 1rem 1.3rem; 
border-radius: var(--friendsgaminghub-border-radius); 
margin-bottom: 1.5rem; 
border-left: 4px solid var(--friendsgaminghub-error); 
display: flex; 
align-items: center; 
gap: 0.8rem; 
}

.friendsgaminghub-legal-content { 
background: var(--friendsgaminghub-white); 
padding: 2.5rem; 
border-radius: var(--friendsgaminghub-border-radius-lg); 
box-shadow: var(--friendsgaminghub-shadow); 
line-height: 1.8; 
}
.friendsgaminghub-legal-content h2 { 
margin-top: 2rem; 
margin-bottom: 1rem; 
color: var(--friendsgaminghub-secondary); 
font-size: 1.7rem; 
}
.friendsgaminghub-legal-content h2:first-child { 
margin-top: 0; 
}
.friendsgaminghub-legal-content h3 { 
margin-top: 1.5rem; 
margin-bottom: 0.8rem; 
color: var(--friendsgaminghub-gray-800); 
font-size: 1.3rem; 
}
.friendsgaminghub-legal-content p { 
margin-bottom: 1.2rem; 
}
.friendsgaminghub-legal-content ul, 
.friendsgaminghub-legal-content ol { 
margin-bottom: 1.2rem; 
padding-left: 2rem; 
}
.friendsgaminghub-legal-content li { 
margin-bottom: 0.6rem; 
color: var(--friendsgaminghub-gray-700); 
}

.friendsgaminghub-cookie-banner { 
position: fixed; 
bottom: 0; 
left: 0; 
right: 0; 
background: var(--friendsgaminghub-secondary); 
color: var(--friendsgaminghub-white); 
padding: 1.5rem; 
box-shadow: var(--friendsgaminghub-shadow-xl); 
z-index: 9999; 
transform: translateY(100%); 
opacity: 0; 
transition: var(--friendsgaminghub-transition); 
}
.friendsgaminghub-cookie-banner.show { 
transform: translateY(0); 
opacity: 1; 
}
.friendsgaminghub-cookie-content { 
max-width: 1140px; 
margin: 0 auto; 
display: flex; 
align-items: center; 
justify-content: space-between; 
gap: 1.5rem; 
flex-wrap: wrap; 
}
.friendsgaminghub-cookie-text { 
flex: 1; 
min-width: 250px; 
font-size: 0.92rem; 
line-height: 1.6; 
}
.friendsgaminghub-cookie-text a { 
color: var(--friendsgaminghub-primary-light); 
text-decoration: underline; 
font-weight: 600; 
}
.friendsgaminghub-cookie-actions { 
display: flex; 
gap: 0.8rem; 
flex-wrap: wrap; 
}
.friendsgaminghub-cookie-btn { 
background: var(--friendsgaminghub-primary); 
color: var(--friendsgaminghub-white); 
padding: 0.75rem 1.5rem; 
border-radius: var(--friendsgaminghub-border-radius); 
font-weight: 700; 
border: none; 
cursor: pointer; 
transition: var(--friendsgaminghub-transition-fast); 
font-size: 0.92rem; 
white-space: nowrap; 
}
.friendsgaminghub-cookie-btn:hover { 
background: var(--friendsgaminghub-primary-dark); 
transform: translateY(-1px); 
}

.friendsgaminghub-game-modal { 
position: fixed; 
top: 0; 
left: 0; 
right: 0; 
bottom: 0; 
background: rgba(26,25,24,0.92); 
z-index: 10000; 
display: none; 
align-items: center; 
justify-content: center; 
padding: 1rem; 
}
.friendsgaminghub-game-modal.active { 
display: flex; 
}
.friendsgaminghub-game-modal-content { 
background: var(--friendsgaminghub-white); 
border-radius: var(--friendsgaminghub-border-radius-lg); 
width: 100%; 
max-width: 1100px; 
max-height: 90vh; 
overflow: hidden; 
box-shadow: var(--friendsgaminghub-shadow-xl); 
position: relative; 
}
.friendsgaminghub-game-modal-header { 
background: var(--friendsgaminghub-secondary); 
color: var(--friendsgaminghub-white); 
padding: 1rem 1.5rem; 
display: flex; 
justify-content: space-between; 
align-items: center; 
}
.friendsgaminghub-game-modal-title { 
font-size: 1.2rem; 
margin: 0; 
color: var(--friendsgaminghub-white); 
}
.friendsgaminghub-game-modal-close { 
background: transparent; 
border: none; 
color: var(--friendsgaminghub-white); 
font-size: 1.8rem; 
cursor: pointer; 
padding: 0; 
width: 32px; 
height: 32px; 
display: flex; 
align-items: center; 
justify-content: center; 
border-radius: var(--friendsgaminghub-border-radius); 
transition: var(--friendsgaminghub-transition-fast); 
}
.friendsgaminghub-game-modal-close:hover { 
background: rgba(255,255,255,0.15); 
}
.friendsgaminghub-game-modal-body { 
padding: 0; 
height: calc(90vh - 60px); 
}
.friendsgaminghub-game-modal-body iframe { 
width: 100%; 
height: 100%; 
border: none; 
}

@media (max-width: 992px) {
h1 { font-size: 2.2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.35rem; }
.friendsgaminghub-hero-title { font-size: 2.5rem; }
.friendsgaminghub-footer-content { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; }
}

@media (max-width: 768px) {
h1 { font-size: 1.9rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.2rem; }
.friendsgaminghub-container { padding: 0 1rem; }
.friendsgaminghub-section { padding: 3.5rem 0; }
.friendsgaminghub-hero { padding: 4rem 0 3.5rem; }
.friendsgaminghub-hero-title { font-size: 2rem; line-height: 1.25; }
.friendsgaminghub-hero-subtitle { font-size: 1.05rem; }
.friendsgaminghub-features-grid { grid-template-columns: 1fr; gap: 1.5rem; }
.friendsgaminghub-games-grid { grid-template-columns: 1fr; gap: 1.5rem; }
.friendsgaminghub-cta-actions { flex-direction: column; }
.friendsgaminghub-cta-actions .friendsgaminghub-btn { width: 100%; justify-content: center; }
.friendsgaminghub-footer-content { grid-template-columns: 1fr; gap: 1.8rem; }
.friendsgaminghub-cookie-content { flex-direction: column; text-align: center; }
.friendsgaminghub-cookie-actions { width: 100%; justify-content: center; }
.friendsgaminghub-legal-content { padding: 1.8rem; }
.friendsgaminghub-about-intro { padding: 1.8rem; }
.friendsgaminghub-contact-grid { grid-template-columns: 1fr; gap: 2rem; }
.friendsgaminghub-contact-info { margin-top: 2rem; }
.friendsgaminghub-faq-container { padding: 0 1rem; }
.friendsgaminghub-faq-card { padding: 1.5rem; }
}

@media (max-width: 480px) {
.friendsgaminghub-navbar-brand { font-size: 1.1rem; }
.friendsgaminghub-navbar-logo { height: 34px; }
.friendsgaminghub-hero-title { font-size: 1.7rem; }
.friendsgaminghub-hero-subtitle { font-size: 0.98rem; }
.friendsgaminghub-game-image { height: 180px; }
}