*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f5f8;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.layout-header{z-index:100;background:#fff;position:sticky;top:0}.layout-header:after{content:"";background:linear-gradient(90deg,#1a2de8,#cc3ec8,#f0608c,#cc3ec8,#1a2de8) 0 0/200% 100%;height:2px;animation:5s linear infinite headerBorderScroll;position:absolute;bottom:0;left:0;right:0}@keyframes headerBorderScroll{0%{background-position:0 0}to{background-position:200% 0}}.layout-header-inner{justify-content:flex-start;align-items:center;gap:12px;max-width:1100px;margin:0 auto;padding:8px 32px 8px 0;display:flex}.layout-header-icon{object-fit:contain;width:32px;height:32px}.layout-header-logo{object-fit:contain;height:52px}.layout-hero{text-align:center;background:linear-gradient(135deg,#cc3ec8 0%,#f0608c 100%);padding:64px 32px}.layout-hero-title{color:#fff;letter-spacing:-.02em;margin:0 0 10px;font-size:2.4rem;font-weight:800}.layout-hero-subtitle{color:#ffffffd9;margin:0;font-size:1rem}.layout-body{background:#f4f5f8;padding:48px 32px 80px}.layout-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:820px;margin:0 auto;padding:48px 52px;box-shadow:0 4px 24px #00000012}.layout-card h2{color:#1a2de8;letter-spacing:.05em;text-transform:uppercase;border-bottom:2px solid #eef0ff;margin:32px 0 10px;padding-bottom:8px;font-family:"Press Start 2P",monospace;font-size:.6rem;font-weight:400;line-height:1.8}.layout-card h2:first-of-type{margin-top:24px}.layout-card p{color:#4b5563;margin:0 0 8px;font-size:.95rem;line-height:1.8}.layout-card h1{color:#111827;letter-spacing:-.02em;margin:0 0 6px;font-size:1.85rem;font-weight:700}.content-date{color:#9ca3af;font-size:.85rem;margin:0 0 8px!important}.layout-footer{text-align:center;background:#111827;padding:28px 32px}.layout-footer-logo{object-fit:contain;opacity:.6;height:18px}.layout-footer p{color:#6b7280;margin:10px 0 0;font-size:.8rem}.layout-logo{object-fit:contain;width:200px}@media (width<=768px){.layout-header-inner{padding:12px 20px}.layout-hero{padding:44px 20px}.layout-hero-title{font-size:1.6rem}.layout-body{padding:28px 16px 60px}.layout-card{padding:32px 24px}}.site-header{z-index:100;background:#fff;position:sticky;top:0}.site-header:after{content:"";background:linear-gradient(90deg,#1a2de8,#cc3ec8,#f0608c,#cc3ec8,#1a2de8) 0 0/200% 100%;height:2px;animation:5s linear infinite headerBorderScroll;position:absolute;bottom:0;left:0;right:0}.site-header-inner{align-items:center;max-width:1100px;margin:0 auto;padding:8px 32px 8px 0;display:flex}.site-header-logo{object-fit:contain;height:52px}.site-footer{text-align:center;background:#111827;padding:28px 32px}.site-footer-logo{object-fit:contain;opacity:.6;height:18px}.site-footer p{color:#6b7280;margin:10px 0 0;font-size:.8rem}