.article-page{max-width:680px;margin:0 auto;padding:clamp(48px,8vw,80px) clamp(20px,5vw,24px) 60px}.article-header{margin-bottom:40px}.article-meta-top{color:#64748b;align-items:center;gap:10px;margin-bottom:24px;font-size:14px;display:flex}.article-back{color:#00d4aa;font-weight:500;text-decoration:none;transition:opacity .2s}.article-back:hover{opacity:.8}.article-meta-dot{background:#475569;border-radius:50%;width:3px;height:3px}.article-title{font-family:var(--font-display), Georgia, "Times New Roman", serif;letter-spacing:-.02em;color:#f8fafc;margin:0 0 16px;font-size:clamp(32px,6vw,44px);font-weight:800;line-height:1.15}.article-subtitle{color:#94a3b8;margin:0 0 28px;font-size:clamp(18px,3vw,22px);font-weight:400;line-height:1.5}.article-author-row{align-items:center;gap:12px;display:flex}.article-avatar{color:#030d18;background:linear-gradient(135deg,#00d4aa,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.article-author-name{color:#e2e8f0;margin:0;font-size:15px;font-weight:600}.article-reading-time{color:#64748b;margin:0;font-size:13px}.article-divider{background:#ffffff0f;height:1px;margin:28px 0}.article-body{color:#cbd5e1;word-break:break-word;font-size:19px;line-height:1.85}.article-body>:first-child{margin-top:0}.article-body h1{font-family:var(--font-display), Georgia, serif;color:#f1f5f9;letter-spacing:-.01em;margin:56px 0 16px;font-size:32px;font-weight:700;line-height:1.25}.article-body h2{font-family:var(--font-display), Georgia, serif;color:#f1f5f9;letter-spacing:-.01em;margin:48px 0 14px;font-size:26px;font-weight:700;line-height:1.3}.article-body h3{font-family:var(--font-display), Georgia, serif;color:#e2e8f0;margin:40px 0 12px;font-size:22px;font-weight:600;line-height:1.35}.article-body p{margin:0 0 24px}.article-body strong{color:#f1f5f9;font-weight:600}.article-body a{color:#00d4aa;text-underline-offset:3px;-webkit-text-decoration:underline #00d4aa4d;text-decoration:underline #00d4aa4d;transition:text-decoration-color .2s}.article-body a:hover{text-decoration-color:#00d4aa}.article-body ul,.article-body ol{margin:0 0 24px;padding-left:24px}.article-body li{margin-bottom:10px}.article-body li::marker{color:#475569}.article-body blockquote{color:#94a3b8;border-left:3px solid #00d4aa;margin:32px 0;padding:4px 0 4px 24px;font-size:21px;font-style:italic;line-height:1.7}.article-body blockquote p{margin:0}.article-body code{font-size:.88em;font-family:var(--font-geist-mono), "Fira Code", monospace;color:#e2e8f0;background:#ffffff0f;border-radius:4px;padding:2px 6px}.article-body pre{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;margin:32px 0;padding:20px 24px;font-size:15px;line-height:1.6;overflow-x:auto}.article-body pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}.article-body hr{text-align:center;border:none;margin:48px 0}.article-body hr:before{content:"...";letter-spacing:.6em;color:#475569;font-size:28px}.article-body img{border-radius:8px;max-width:100%;height:auto;margin:32px 0}.article-footer{margin-top:48px}.article-cta{text-align:center;padding:32px 0}.article-cta-label{color:#94a3b8;margin:0 0 16px;font-size:18px}.article-cta-button{color:#030d18;background:linear-gradient(135deg,#00d4aa,#0891b2);border-radius:8px;padding:12px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.article-cta-button:hover{transform:translateY(-1px);box-shadow:0 4px 20px #00d4aa40}.article-back-bottom{text-align:center;color:#64748b;margin-top:24px;font-size:15px;text-decoration:none;transition:color .2s;display:block}.article-back-bottom:hover{color:#94a3b8}.article-body>p:first-of-type:first-letter{float:left;font-family:var(--font-display), Georgia, serif;color:#f8fafc;margin:6px 10px 0 0;font-size:3.6em;font-weight:700;line-height:.8}@media (max-width:640px){.article-body{font-size:17px;line-height:1.75}.article-body h1{margin:40px 0 12px;font-size:26px}.article-body h2{margin:36px 0 10px;font-size:22px}.article-body h3{margin:32px 0 8px;font-size:19px}.article-body blockquote{margin:24px 0;padding-left:16px;font-size:18px}.article-body>p:first-of-type:first-letter{font-size:3em}}