:root{--bg: #030711;--text: #b9bbc3;--text-dim: #6b7280;--text-faint: #4b5563;--white: #ffffff;--accent: #055ffc;--accent-light: #4d9aff;--card: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .06);--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display: "Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{font-family:var(--font-body);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:80rem;margin:0 auto;padding:0 1rem}@media(min-width:640px){.container{padding:0 1.5rem}}.nav{position:sticky;top:0;z-index:10;padding:1rem 0;background:#030711e6;backdrop-filter:blur(12px)}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-links{display:none;align-items:center;gap:.25rem}@media(min-width:1024px){.nav-links{display:flex}}.nav-links a,.nav-login{padding:.5rem 1rem;font-family:var(--font-display);font-weight:600;font-size:14px;color:#9ca3af;transition:color .2s}.nav-links a:hover,.nav-login:hover{color:var(--white)}.nav-cta-group{display:flex;align-items:center;gap:.75rem}.nav-login{display:none}@media(min-width:640px){.nav-login{display:block}}.btn{display:inline-block;padding:.625rem 1.25rem;border-radius:10px;font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--white);background:linear-gradient(to right,#055ffc,#3b7dff);white-space:nowrap;transition:filter .3s}.btn:hover{filter:brightness(1.1)}.page-header{padding:4rem 0 1rem}.page-header h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.25rem,5vw,3.5rem);letter-spacing:-.03em;line-height:1.1;color:var(--white);margin-bottom:1rem}.page-header p{font-size:1.125rem;color:var(--text-dim);max-width:42rem}.post-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;padding:3rem 0 5rem}@media(min-width:768px){.post-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.post-grid{grid-template-columns:repeat(3,1fr)}}.post-card{display:flex;flex-direction:column;height:100%;border-radius:20px;background:var(--card);overflow:hidden}.post-card-media{position:relative;height:10rem;overflow:hidden}.post-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.post-card:hover .post-card-media img{transform:scale(1.03)}.post-card-media.placeholder{background:radial-gradient(circle at 20% 20%,rgba(5,95,252,.35),transparent 60%),radial-gradient(circle at 80% 80%,rgba(59,125,255,.18),transparent 55%),#0a1224}.post-card-body{display:flex;flex-direction:column;flex:1;padding:1.5rem}.post-meta{display:flex;align-items:center;gap:.75rem;font-size:13px;color:var(--text-dim);margin-bottom:.75rem}.post-meta .cat{font-weight:600;color:var(--accent-light)}.post-meta .dot{width:4px;height:4px;border-radius:9999px;background:var(--text-faint)}.post-card h2{font-family:var(--font-display);font-weight:700;font-size:1.125rem;letter-spacing:-.01em;line-height:1.35;color:var(--white);margin-bottom:.5rem;transition:color .3s}.post-card:hover h2{color:var(--accent-light)}.post-card p{font-size:14px;color:var(--text-dim);line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card .date{margin-top:auto;font-size:13px;color:var(--text-faint)}.article-wrap{max-width:48rem;margin:0 auto;padding:3rem 1rem 5rem}@media(min-width:640px){.article-wrap{padding:4rem 1.5rem 6rem}}.breadcrumb{font-size:13px;color:var(--text-dim);margin-bottom:2rem}.breadcrumb a:hover{color:var(--white)}.breadcrumb .sep{margin:0 .5rem;color:var(--text-faint)}.article-wrap h1{font-family:var(--font-display);font-weight:800;font-size:clamp(1.875rem,4vw,2.75rem);letter-spacing:-.03em;line-height:1.15;color:var(--white);margin-bottom:1.5rem}.article-excerpt{font-size:1.125rem;color:#9ca3af;line-height:1.65;margin-bottom:2rem}.article-banner{border-radius:20px;overflow:hidden;margin-bottom:2.5rem;aspect-ratio:16 / 9}.article-banner img{width:100%;height:100%;object-fit:cover}.article-body{color:var(--text);line-height:1.75}.article-body h2{font-size:25px;font-weight:600;line-height:35px;margin:2rem 0 1rem;color:var(--white)}.article-body h3{font-size:1.25rem;font-weight:600;line-height:1.4;margin:1.5rem 0 .75rem;color:var(--white)}.article-body p{margin-bottom:1.5rem}.article-body ul,.article-body ol{padding-left:1.5rem;margin-bottom:1.5rem}.article-body li{margin-bottom:.5rem;line-height:1.7}.article-body strong{font-weight:700;color:var(--white)}.article-body a{color:var(--accent)}.article-body a:hover{text-decoration:underline}.blog-cta{margin:3rem 0;padding:2rem;border-radius:16px;background:linear-gradient(135deg,#055ffc,#0d47a1)}.blog-cta h3{color:var(--white);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.blog-cta p{color:#ffffffe6;margin-bottom:1.5rem}.blog-cta a{display:inline-block;background:var(--white);color:var(--accent);font-weight:600;padding:.75rem 2rem;border-radius:.5rem;transition:background .2s}.blog-cta a:hover{background:#ffffffe6}.faq{margin-top:4rem;padding-top:3rem;border-top:1px solid var(--border)}.faq>h2{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;color:var(--white);margin-bottom:2rem}.faq-item{padding:1.5rem 1.75rem;border-radius:16px;background:var(--card);border:1px solid var(--border);margin-bottom:1rem}.faq-item h3{font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--white);margin-bottom:.75rem}.faq-item p{font-size:15px;color:var(--text);line-height:1.7}.more{max-width:48rem;margin:0 auto;padding:0 1rem 5rem}.more h2{font-family:var(--font-display);font-weight:800;font-size:1.5rem;letter-spacing:-.02em;color:var(--white);margin-bottom:1.5rem}.more ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.more li a{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-radius:16px;background:var(--card);padding:1.25rem 1.5rem}.more li a span:first-child{font-family:var(--font-display);font-weight:700;color:var(--white);transition:color .3s}.more li a:hover span:first-child{color:var(--accent-light)}.more li a span:last-child{flex-shrink:0;font-size:13px;color:var(--text-faint)}@media(max-width:640px){.more li a span:last-child{display:none}}.notfound{max-width:48rem;margin:0 auto;padding:6rem 1rem 8rem;text-align:center}.notfound .code{font-family:var(--font-display);font-weight:600;color:var(--accent-light);margin-bottom:1rem}.notfound h1{font-family:var(--font-display);font-weight:800;font-size:clamp(1.875rem,4vw,2.25rem);letter-spacing:-.03em;color:var(--white);margin-bottom:1rem}.notfound p{color:var(--text-dim);margin-bottom:2rem}.footer{margin-top:auto;border-top:1px solid var(--border);padding:2.5rem 0}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;font-size:14px;color:var(--text-dim)}.footer-links a:hover{color:var(--white)}.footer .copy{font-size:13px;color:var(--text-faint)}