:root { --primary: #00d1b2; --bg: #0f172a; --card-bg: #1e293b; --text: #f8fafc; --text-light: #94a3b8; --glass: rgba(30, 41, 59, 0.7); --glass-border: rgba(255, 255, 255, 0.1); }
body { font-family: 'Plus Jakarta Sans', sans-serif; background: var(--bg); color: var(--text); line-height: 1.8; margin: 0; }
header { background: var(--glass); padding: 20px; text-align: center; border-bottom: 1px solid var(--glass-border); position: sticky; top: 0; z-index: 100; }
header h1 { font-size: 1.5rem; font-weight: 800; background: linear-gradient(to right, #fff, var(--primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin: 0; }
.container { max-width: 900px; margin: 0 auto; padding: 40px 20px; }
.article-header { margin-bottom: 40px; text-align: center; }
.article-header h2 { font-size: 2.5rem; color: var(--primary); line-height: 1.2; }
.content-section { margin-bottom: 40px; }
.content-section h3 { font-size: 1.8rem; color: var(--primary); border-bottom: 2px solid var(--primary); padding-bottom: 10px; margin-top: 30px; }
.content-section p { font-size: 1.1rem; color: #e2e8f0; margin-bottom: 20px; }
.back-link { display: inline-block; margin-bottom: 20px; color: var(--primary); text-decoration: none; font-weight: 700; }
.ad-box { background: rgba(255,255,255,0.05); height: 250px; display: flex; align-items: center; justify-content: center; margin: 30px 0; border-radius: 15px; border: 1px dashed var(--glass-border); }
.standard-footer { background: var(--glass); border-top: 1px solid var(--glass-border); padding: 50px 20px 30px; margin-top: 50px; color: var(--text); }
.footer-container { max-width: 1200px; margin: 0 auto; }
.footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-bottom: 40px; }
.footer-section h3 { color: var(--primary); margin-bottom: 15px; font-size: 1.1rem; }
.footer-section ul { list-style: none; padding: 0; margin: 0; }
.footer-section li { margin-bottom: 10px; }
.footer-section a { color: var(--text-light); text-decoration: none; }
.footer-section a:hover { color: var(--primary); text-decoration: underline; }
.footer-bottom { text-align: center; border-top: 1px solid var(--glass-border); padding-top: 20px; color: var(--text-light); font-size: 0.9rem; }