.container { max-width: 1200px; margin: 0 auto; padding: 2rem 1rem;}.section { margin: 3rem 0;}.section h2 { font-size: 1.8rem; margin-bottom: 1.5rem; color: #222; border-bottom: 3px solid #e50914; padding-bottom: 0.5rem;}.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 1.5rem;}.card { background: #fff; border-radius: 8px; padding: 1.5rem; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s;}.card:hover { transform: translateY(-4px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.card h3 { font-size: 1.2rem; margin-bottom: 0.75rem; color: #222;}.card h3 a { text-decoration: none; color: #222;}.card h3 a:hover { color: #e50914;}.card .meta { font-size: 0.9rem; color: #666; margin-bottom: 0.5rem;}.card .tags { font-size: 0.85rem; color: #999; margin-bottom: 0.75rem;}.card .oneline { font-size: 0.95rem; color: #555; line-height: 1.6; margin-bottom: 0.75rem;}.card .summary { font-size: 0.9rem; color: #777; line-height: 1.5;}.entry-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; margin-top: 1.5rem;}.entry-card { display: block; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #fff; padding: 2rem; border-radius: 8px; text-decoration: none; transition: transform 0.3s;}.entry-card:hover { transform: scale(1.05);}.entry-card h3 { font-size: 1.5rem; margin-bottom: 0.5rem;}.entry-card p { font-size: 1rem; opacity: 0.9;}.intro { background: #fff; padding: 2rem; border-radius: 8px; margin: 2rem 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}.intro p { font-size: 1rem; line-height: 1.8; color: #555; margin-bottom: 1rem;}article { background: #fff; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}article h1 { font-size: 2rem; color: #222; margin-bottom: 1.5rem;}article h2 { font-size: 1.5rem; color: #333; margin: 2rem 0 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #e50914;}article section { margin-bottom: 2rem;}article p { font-size: 1rem; line-height: 1.8; color: #555; margin-bottom: 1rem;}.meta-info { background: #f9f9f9; padding: 1.5rem; border-radius: 8px; margin: 1.5rem 0;}.meta-info p { margin: 0.5rem 0; font-size: 0.95rem;}.meta-info strong { color: #e50914; margin-right: 0.5rem;}@media (max-width: 768px) { .grid { grid-template-columns: 1fr; } .section h2 { font-size: 1.5rem; } article h1 { font-size: 1.5rem; } article h2 { font-size: 1.2rem; } .intro { padding: 1.5rem; } article { padding: 1.5rem; }}.ui-style-0 { --primary-color: #e50914; --secondary-color: #f40612;}.ui-style-1 { --primary-color: #ff6b35; --secondary-color: #ff8c42;}.ui-style-2 { --primary-color: #4a90e2; --secondary-color: #5ca1f2;}.ui-style-3 { --primary-color: #e74c3c; --secondary-color: #ec7063;}.ui-style-4 { --primary-color: #e50914; --secondary-color: #c70812;}.ui-style-5 { --primary-color: #d32f2f; --secondary-color: #e53935; background: #1a1a1a; color: #f5f5f5;}.ui-style-5 .card,.ui-style-5 .intro,.ui-style-5 article { background: #2a2a2a; color: #f5f5f5;}.ui-style-5 h1,.ui-style-5 h2,.ui-style-5 h3 { color: #f5f5f5;}.ui-style-6 { --primary-color: #1e88e5; --secondary-color: #42a5f5;}.ui-style-7 { --primary-color: #1976d2; --secondary-color: #2196f3;}.ui-style-8 { --primary-color: #43a047; --secondary-color: #66bb6a;}.ui-style-9 { --primary-color: #333; --secondary-color: #555; background: #000; color: #fff;}.ui-style-9 .card,.ui-style-9 .intro,.ui-style-9 article { background: #1a1a1a; color: #fff;}.ui-style-9 h1,.ui-style-9 h2,.ui-style-9 h3 { color: #fff;}.ui-style-10 { --primary-color: #00c75a; --secondary-color: #00e066;}.ui-style-11 { --primary-color: #0099ff; --secondary-color: #33adff;}.ui-style-12 { --primary-color: #ff6700; --secondary-color: #ff8533;}.ui-style-13 { --primary-color: #00a1d6; --secondary-color: #33b3e0;}.ui-style-14 { --primary-color: #003d7a; --secondary-color: #005aa3;}.back-to-top { position: fixed; bottom: 2rem; right: 2rem; background: #e50914; color: #fff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; transition: opacity 0.3s; font-size: 1.5rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}.back-to-top.show { opacity: 1;}.back-to-top:hover { background: #c70812;}