:root{--brand-50:#fef8ec;--brand-100:#fde9c3;--brand-200:#fad28b;--brand-300:#f7bc57;--brand-400:#f3aa38;--brand-500:#ef9f27;--brand-600:#d48818;--brand-700:#af6e12;--brand-800:#8a560d;--brand-900:#653f08;--brand:var(--brand-500);--brand-hover:var(--brand-600);--brand-light:var(--brand-50);--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#2a2a2c;--gray-900:#1c1c1e;--dark:#1c1c1e;--white:#fff;--fg-1:var(--gray-900);--fg-2:var(--gray-700);--fg-3:var(--gray-500);--fg-4:var(--gray-400);--fg-inverse:var(--white);--bg-1:var(--white);--bg-2:var(--gray-50);--bg-3:var(--gray-100);--bg-dark:var(--dark);--border-1:var(--gray-100);--border-2:var(--gray-200);--border-accent:var(--brand-500);--font-sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--shadow-sm:0 1px 2px rgba(28,28,30,.05);--shadow-md:0 4px 14px rgba(28,28,30,.08);--shadow-lg:0 12px 32px rgba(28,28,30,.1);--shadow-glow:0 10px 40px -10px rgba(239,159,39,.45);--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--tier-green:#16a34a;--tier-blue:#2563eb;--tier-purple:#9333ea}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--fg-1);background:var(--bg-1);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}h1,h2,h3,h4{margin:0;letter-spacing:-.02em;color:var(--fg-1);font-weight:700}input,select,textarea{font-family:inherit}.container{max-width:1120px;margin:0 auto;padding:0 24px}.container-narrow{max-width:720px;margin:0 auto;padding:0 24px}@keyframes bloom{0%,to{opacity:.65;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.bloom{position:absolute;left:50%;top:50%;width:520px;height:520px;background:radial-gradient(closest-side,rgba(239,159,39,.22),transparent 70%);filter:blur(30px);pointer-events:none;animation:bloom 8s var(--ease-in-out) infinite}.header{position:sticky;top:0;z-index:50;background:hsla(0,0%,100%,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--gray-100)}.nav{height:64px;justify-content:space-between}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:700;letter-spacing:-.02em;font-size:18px}.brand img{width:30px;height:30px;border-radius:8px}.nav-actions{display:flex;gap:10px}.btn,.nav-actions{align-items:center}.btn{display:inline-flex;gap:8px;padding:12px 22px;font-weight:600;border-radius:14px;font-size:14px;transition:background-color .2s,color .2s,border-color .2s,transform .08s,box-shadow .25s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-500);color:var(--dark)}.btn-primary:hover{background:var(--brand-400);box-shadow:var(--shadow-glow)}.btn-outline{border:1.5px solid var(--gray-200);color:var(--fg-1);background:#fff}.btn-outline:hover{border-color:var(--gray-900);background:var(--gray-50)}.btn-ghost{color:var(--gray-700);padding:8px 12px}.btn-ghost:hover{color:var(--fg-1)}.btn-lg{padding:15px 26px;font-size:15px;border-radius:16px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;font-size:12px;font-weight:600;background:var(--brand-50);color:var(--brand-700)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-400)}.card{display:block;padding:20px;background:#fff;border:1px solid var(--gray-100);border-radius:16px;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out)}a.card{color:inherit;text-decoration:none;cursor:pointer}a.card:hover{border-color:var(--brand-200);box-shadow:var(--shadow-md)}a.card .card-title{transition:color .2s var(--ease-out)}a.card:hover .card-title{color:var(--brand-600)}a.card .card-thumb{overflow:hidden}a.card .card-thumb img{transition:transform .35s var(--ease-out)}a.card:hover .card-thumb img{transform:scale(1.05)}a.card.card-loud:hover{background:var(--brand-500);border-color:var(--brand-500);color:var(--dark)}a.card.card-loud:hover .card-meta,a.card.card-loud:hover .card-title{color:var(--dark)}.article-body{max-width:720px;margin:0 auto;color:var(--fg-2);font-size:16px;line-height:1.7}.article-body h1{font-size:32px;margin:48px 0 16px;color:var(--fg-1);letter-spacing:-.02em}.article-body h2{font-size:24px;margin:40px 0 14px;color:var(--fg-1);letter-spacing:-.015em}.article-body h3{font-size:19px;margin:32px 0 12px;color:var(--fg-1);letter-spacing:-.01em}.article-body p{margin:0 0 18px}.article-body ol,.article-body ul{margin:0 0 18px;padding-left:24px}.article-body li{margin:0 0 8px}.article-body a{color:var(--brand-700);text-decoration:underline;text-underline-offset:2px}.article-body a:hover{color:var(--brand-600)}.article-body strong{color:var(--fg-1);font-weight:700}.article-body code{background:var(--gray-100);padding:2px 6px;border-radius:6px;font-size:.9em;font-family:ui-monospace,SF Mono,monospace}.article-body blockquote{border-left:3px solid var(--brand-500);padding:0 0 0 18px;margin:24px 0;color:var(--fg-1);font-style:italic}.article-body hr{border:none;border-top:1px solid var(--gray-200);margin:40px 0}.article-body img{max-width:100%;height:auto;border-radius:12px;margin:24px 0}.footer{border-top:1px solid var(--gray-100);padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;font-size:13px;color:var(--gray-600)}@media(max-width:720px){.footer-grid{grid-template-columns:1fr 1fr}}.footer h4{font-size:13px;font-weight:700;color:var(--fg-1);margin-bottom:12px}.footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.footer a:hover{color:var(--fg-1)}.copyright{font-size:12px;color:var(--gray-400);margin-top:32px;padding-top:24px;border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-legal{display:inline-flex;gap:8px;align-items:center}.footer-legal a:hover{color:var(--fg-1)}.auth-modal-back{position:fixed;inset:0;z-index:100;background:rgba(28,28,30,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:auth-modal-fade .18s ease-out}@keyframes auth-modal-fade{0%{opacity:0}to{opacity:1}}.auth-modal{position:relative;width:100%;max-width:420px;background:#fff;border-radius:18px;padding:32px 28px 24px;box-shadow:0 24px 64px -12px rgba(28,28,30,.35);animation:auth-modal-pop .22s var(--ease-spring)}@keyframes auth-modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.auth-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:8px;font-size:20px;line-height:1;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.auth-modal-close:hover{background:var(--gray-100);color:var(--fg-1)}.auth-modal-tabs{display:flex;gap:4px;background:var(--gray-100);border-radius:10px;padding:4px;margin-bottom:22px}.auth-modal-tabs button{flex:1;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--gray-600);transition:background-color .15s,color .15s}.auth-modal-tabs button.active{background:#fff;color:var(--fg-1);box-shadow:var(--shadow-sm)}.auth-modal h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.auth-modal-sub{font-size:13px;color:var(--gray-500);line-height:1.5;margin:0 0 20px}.auth-modal-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border:1.5px solid var(--gray-200);border-radius:12px;background:#fff;color:var(--fg-1);font-weight:600;font-size:14px;transition:border-color .15s,background-color .15s}.auth-modal-google:hover{border-color:var(--gray-900);background:var(--gray-50)}.auth-modal-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--gray-400);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin:18px 0 14px}.auth-modal-divider:after,.auth-modal-divider:before{content:"";flex:1;height:1px;background:var(--gray-200)}.auth-modal-error{background:#fee2e2;color:#991b1b;font-size:13px;border-radius:10px;padding:10px 12px;margin-bottom:12px}.auth-modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.auth-modal-field label{font-size:12px;font-weight:600;color:var(--gray-600)}.auth-modal-field input{padding:11px 14px;border:1.5px solid var(--gray-200);border-radius:10px;font-size:14px;color:var(--fg-1);background:#fff;transition:border-color .15s,box-shadow .15s}.auth-modal-field input:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(239,159,39,.18)}.auth-modal-submit{width:100%;padding:12px;margin-top:8px;background:var(--brand-500);color:var(--dark);border-radius:12px;font-weight:700;font-size:14px;transition:background-color .15s,box-shadow .25s,opacity .15s}.auth-modal-submit:hover:not(:disabled){background:var(--brand-400);box-shadow:var(--shadow-glow)}.auth-modal-submit:disabled{opacity:.6;cursor:not-allowed}.auth-modal-foot{font-size:12px;color:var(--gray-500);text-align:center;margin:16px 0 0;line-height:1.5}.auth-modal-foot .link-btn,.auth-modal-foot a{color:var(--brand-700);font-weight:600;cursor:pointer}.auth-modal-foot .link-btn{background:none;border:none;font-size:inherit;font-family:inherit}.auth-modal-foot .link-btn:hover,.auth-modal-foot a:hover{text-decoration:underline}@keyframes blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}