@font-face { font-family: 'Nunito';src: url('/fonts/nunito/Nunito-Light.woff2') format('woff2');font-weight: 300;font-display: swap;} @font-face { font-family: 'Nunito';src: url('/fonts/nunito/Nunito-Regular.woff2') format('woff2');font-weight: 400;font-display: swap;} @font-face { font-family: 'Nunito';src: url('/fonts/nunito/Nunito-Bold.woff2') format('woff2');font-weight: 700;font-display: swap;} @font-face { font-family: 'Nunito';src: url('/fonts/nunito/Nunito-Black.woff2') format('woff2');font-weight: 900;font-display: swap;} html, body { height: 100%;margin: 0;padding: 0;overflow-y: scroll;} body { display: flex;flex-direction: column;margin: 0;background: #111;font-family: 'Nunito', sans-serif;font-weight: 300;font-size: 17px;color: #ddd;line-height: 1.75;} main.container { flex: 1;} :root { --container: 1100px;} .container { width: min(var(--container), 90%);margin-left: auto;margin-right: auto;} h1, h2, h3 { margin: 0 0 15px;color: #fff;font-family: 'Nunito', sans-serif;font-weight: 800;} h1 { font-size: 34px;letter-spacing: 0.5px;} h2 { font-size: 26px;letter-spacing: 0.4px;} h3 { font-size: 20px;letter-spacing: 0.3px;} .site-header { background: #1c1c1c;padding: 10px 0;border-bottom: 1px solid #333;} .flex-between { display: flex;justify-content: space-between;align-items: center;} nav a { color: #ccc;margin-left: 15px;text-decoration: none;} .page-title, .single-title, .blog-title { font-family: 'Nunito', sans-serif;font-weight: 900;font-size: 36px;text-align: center;color: #fff;margin-top: 30px;margin-bottom: 10px;letter-spacing: 0.6px;} .date { text-align: center;font-family: 'Nunito', sans-serif;font-size: 16px;color: #aaa;margin-bottom: 25px;} .content { font-family: 'Nunito', sans-serif;font-size: 20px;line-height: 1.8;color: #ddd;max-width: 780px;margin-left: auto;margin-right: auto;margin-bottom: 50px;} .content strong { font-family: 'Nunito', sans-serif;color: #fff;} .content-image { display: block;margin: 20px auto;border-radius: 12px;max-width: 100%;} .blog-list a.blog-item { padding: 20px;border-radius: 12px;background: #1a1a1a;border: 1px solid #333;transition: background .2s;} .blog-list a.blog-item:hover { background: #222;} .blog-list h3 { font-family: 'Nunito', sans-serif;font-size: 22px;margin-bottom: 8px;color: #fff;} .blog-list p { font-family: 'Nunito', sans-serif;font-size: 16px;color: #bbb;} .blog-content { font-family: 'Nunito', sans-serif;font-size: 20px;line-height: 1.85;color: #ddd;max-width: 780px;margin: 0 auto 60px;} .page-desc { font-family: 'Nunito', sans-serif;font-weight: 300;font-size: 18px;color: #bbb;line-height: 1.8;max-width: 700px;margin: 10px auto 30px;text-align: center;margin-left: auto;margin-right: auto;} .page-desc:hover { opacity: 1;} .burc-grid { display: grid;gap: 20px;grid-template-columns: repeat(4, 1fr);} @media (max-width: 1100px) { .burc-grid { grid-template-columns: repeat(4, 1fr);} } @media (max-width: 900px) { .burc-grid { grid-template-columns: repeat(3, 1fr);} } @media (max-width: 600px) { .burc-grid { grid-template-columns: repeat(2, 1fr);} } @media (max-width: 420px) { .burc-grid { grid-template-columns: repeat(1, 1fr);} } .burc-card { background: #1b1b1b;border: 1px solid #2a2a2a;border-radius: 12px;padding: 25px 20px;text-align: center;transition: all .25s ease;cursor: pointer;position: relative;} .burc-card:hover { transform: translateY(-5px) scale(1.03);border-color: #3a3a3a;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.45);background: #222;} .burc-card::after { content: "";position: absolute;inset: 0;border-radius: 12px;background: linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0));opacity: 0;transition: opacity .3s ease;} .burc-card:hover::after { opacity: 1;} .burc-card img { width: 180px;height: 180px;margin-bottom: 12px;transition: transform .25s ease;} .burc-card:hover img { transform: scale(1.08);} .burc-card h3, .blog-card h2, .sidebar-item h4, .sidebar-burc-item span { font-family: 'Nunito', sans-serif;font-weight: 700;letter-spacing: 0.2px;} .burc-card p { font-family: 'Nunito', sans-serif;font-size: 14px;color: #cacaca;} .blog-item, .horoscope-item { display: block;background: #1e1e1e;padding: 12px;margin-bottom: 12px;border-radius: 6px;color: #ccc;text-decoration: none;border: 1px solid #333;} .back-link { display: inline-block;margin-top: 20px;text-decoration: none;color: #aaa;} .page-content { max-width: 850px;margin: 30px auto 60px;font-family: 'Nunito', sans-serif;font-size: 20px;line-height: 1.85;color: #ddd;} .page-content h2, .page-content h3, .blog-content h2, .blog-content h3, .content h2, .content h3 { margin-top: 25px;margin-bottom: 10px;color: #fff;font-family: 'Nunito', sans-serif;} .page-content h2, .blog-content h2, .content h2 { font-size: 24px;} .page-content h3, .blog-content h3, .content h3 { font-size: 18px;} .page-content p { margin-bottom: 18px;} .page-content a { color: #8ecbff;text-decoration: underline;} @media (max-width: 600px) { h1 { font-size: 28px;} h2 { font-size: 22px;} h3 { font-size: 18px;} .page-title, .single-title, .blog-title { font-size: 30px;} } .site-footer { background: #0d0d0d;color: #ccc;margin-top: 60px;font-family: 'Nunito', sans-serif;border-top: 1px solid #1c1c1c;} .footer-top { display: grid;grid-template-columns: 1.2fr 1fr 1fr;gap: 40px;padding: 50px 0;} .footer-logo { width: 200px;margin-bottom: 15px;} .footer-desc { font-size: 15px;line-height: 1.7;color: #ccc;max-width: 260px;} .footer-links h4 { color: #fff;font-size: 18px;font-weight: 800;margin-bottom: 15px;} .footer-links ul { list-style: none;padding: 0;margin: 0;} .footer-links li { margin-bottom: 10px;} .footer-links a { color: #ccc;text-decoration: none;font-size: 15px;transition: .25s;} .footer-links a:hover { color: #fff;transform: translateX(4px);} .footer-bottom { border-top: 1px solid #111;padding: 20px 0;display: flex;justify-content: space-between;align-items: center;} .footer-copy { color: #bbb !important;font-size: 14px;} .footer-social { display: flex;gap: 12px;} .social-icon img { width: 26px;height: 26px;opacity: 0.8;transition: .25s;} .social-icon img:hover { opacity: 1;} @media (max-width: 800px) { .footer-top { grid-template-columns: 1fr;text-align: center;} .footer-desc { margin: 0 auto;} .footer-bottom { flex-direction: column;gap: 15px;text-align: center;} } .cookie-banner { position: fixed;bottom: 20px;left: 50%;transform: translateX(-50%);width: 90%;max-width: 900px;background: #1a1a1a;border: 1px solid #333;border-radius: 10px;padding: 18px 20px;display: flex;justify-content: space-between;gap: 10px;align-items: center;font-family: 'Nunito', sans-serif;font-size: 15px;color: #ccc;z-index: 9999;box-shadow: 0 0 20px rgba(0,0,0,0.45);} .cookie-banner p { margin: 0;line-height: 1.5;} .cookie-banner a { color: #8ecbff;text-decoration: underline;} #cookie-accept { background: #4a7afe;border: none;padding: 10px 18px;border-radius: 8px;color: #fff;font-family: 'Nunito', sans-serif;font-size: 15px;cursor: pointer;transition: 0.2s;} #cookie-accept:hover { background: #5e89ff;} @media (max-width: 600px) { .cookie-banner { flex-direction: column;text-align: center;} #cookie-accept { width: 100%;} } .cookie-hidden { display: none !important;} #cookie-banner.cookie-hidden { display: none;} .error-page { text-align: center;padding: 60px 0;} .error-title { font-family: 'Nunito', sans-serif;font-size: 100px;color: #fff;margin-bottom: 10px;letter-spacing: 2px;} .error-subtitle { font-family: 'Nunito', sans-serif;font-size: 22px;color: #ccc;margin-bottom: 20px;} .error-text { font-family: 'Nunito', sans-serif;font-size: 18px;color: #aaa;max-width: 700px;margin: 10px auto 40px;line-height: 1.7;} .error-buttons { margin-bottom: 45px;display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;} .btn-main, .btn-secondary { padding: 12px 22px;border-radius: 8px;text-decoration: none;font-family: 'Nunito', sans-serif;font-size: 16px;transition: 0.2s;} .btn-main { background: #4a7afe;color: #fff;} .btn-main:hover { background: #5a88ff;} .btn-secondary { background: #242424;color: #ddd;border: 1px solid #333;} .btn-secondary:hover { background: #2e2e2e;border-color: #555;} .error-burclar-title { font-family: 'Nunito', sans-serif;color: #fff;font-size: 24px;margin-bottom: 25px;} .error-burc-grid { margin-bottom: 40px;} .error-burc-card { padding: 20px;} .error-burc-card img { width: 80px !important;height: 80px !important;} @media (max-width: 600px) { .error-title { font-size: 70px;} .error-subtitle { font-size: 18px;} } .pagination { margin: 50px 0 60px;text-align: center;} .pagination a { display: inline-block;padding: 10px 16px;margin: 0 4px;background: #1d1d1d;color: #ccc;border: 1px solid #333;border-radius: 8px;text-decoration: none;font-family: 'Nunito', sans-serif;font-size: 15px;transition: .25s;} .pagination a:hover { background: #353535;color: #fff;border-color: #555;} .pagination a.active { background: #4a7afe;border-color: #4a7afe;color: #fff;} .pagination .prev, .pagination .next { font-weight: bold;} @media (max-width: 600px) { .pagination a { padding: 8px 14px;margin: 0 2px;font-size: 14px;} } .layout { display: flex;gap: 40px;margin-top: 40px;} .main-content { flex: 1;} .sidebar { width: 320px;background: #111;border: 1px solid #222;padding: 20px;border-radius: 10px;height: fit-content;} .sidebar-title { font-family: 'Nunito', sans-serif;font-weight: 800;color: #fff;font-size: 22px;margin-bottom: 15px;} .sidebar-burclar { display: flex;flex-direction: column;gap: 10px;} .sidebar-burc-item { display: flex;align-items: center;gap: 12px;background: #1a1a1a;padding: 10px;border-radius: 8px;border: 1px solid #222;text-decoration: none;transition: .25s;} .sidebar-burc-item:hover { background: #272727;border-color: #4a7afe;} .sidebar-burc-item img { width: 40px;height: 40px;} .sidebar-burc-item span { font-family: 'Nunito', sans-serif;font-size: 15px;color: #ddd;} .sidebar-list { display: flex;flex-direction: column;gap: 18px;} .sidebar-item { display: flex;align-items: center;gap: 12px;text-decoration: none;background: #1a1a1a;padding: 10px;border-radius: 8px;border: 1px solid #222;transition: .25s;} .sidebar-item:hover { background: #272727;border-color: #4a7afe;} .sidebar-item img { width: 70px;height: 70px;object-fit: cover;border-radius: 6px;} .sidebar-item h4 { font-family: 'Nunito', sans-serif;font-size: 15px;color: #ddd;line-height: 1.3;} @media (max-width: 900px) { .layout { flex-direction: column;} .sidebar { width: 100%;} }