.nav{background:linear-gradient(90deg,#ff6f00,#ffb74d);border-bottom-left-radius:12px;border-bottom-right-radius:12px;box-shadow:0 6px 18px #2222221f;color:#fff;padding:10px 18px;top:12px;width:100%;z-index:80}.nav .nav-right .nav-link img,.nav .nav-right .nav-link svg{display:inline-block;vertical-align:middle}.nav button[aria-label="Toggle color theme"]{align-items:center;background:#ffffff1f;border:none;border-radius:8px;display:inline-flex;height:36px;justify-content:center;margin-right:6px;width:36px}.nav .nav-left,.nav .nav-right{align-items:center;display:flex;gap:12px}.logo{align-items:center;color:#fff;display:flex;font-family:Poppins,sans-serif;font-weight:700;gap:10px;text-decoration:none}.logo .dot{background:linear-gradient(45deg,#ffb74d,#ff6f00);border-radius:50%;box-shadow:0 8px 18px #ff6f0024;height:12px;width:12px}.nav-link{border-radius:8px;color:#fffffff2;font-weight:600;padding:8px 12px;text-decoration:none;transition:background .16s ease,transform .12s ease}.nav-link:hover{background:#ffffff14;transform:translateY(-3px)}.nav-link.btn{background:#00000014;box-shadow:0 6px 18px #0000001f;color:#fff}.nav .hamburger{align-items:center;background:#0000;border:none;cursor:pointer;display:none;gap:4px}.nav .hamburger .bar{background:#fff;border-radius:2px;display:block;height:2px;width:22px}@media (max-width:720px){.nav{border-radius:10px;padding:10px 12px;top:10px}.nav .nav-right{display:none}.nav .hamburger{display:flex}.mobile-menu{animation:menu-pop .18s cubic-bezier(.2,.9,.2,1);background:linear-gradient(180deg,#ffb74d,#ff6f00);border-radius:10px;box-shadow:0 12px 36px #2222221f;display:flex;flex-direction:column;gap:8px;min-width:160px;padding:10px;position:absolute;right:12px;top:calc(100% + 10px);transform-origin:top right}@keyframes menu-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}}:root.dark .nav{background:linear-gradient(90deg,#2b2b2b,#333);color:#fff}:root{--orange-deep:#ff6f00;--orange-soft:#ffb74d;--off-white:#fff8e7;--text-dark:#222;--muted:#6b6b6b;--card-radius:12px;--shadow-sm:0 4px 12px #00000014;--shadow-md:0 10px 30px #0000001a;--max-width:1200px;--transition-fast:180ms}*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 10% 10%,#ff6f0008 0,#0000 10px),radial-gradient(circle at 90% 90%,#ffb74d05 0,#0000 8px),linear-gradient(180deg,#fff8e7,#fff8e7);color:#222;color:var(--text-dark);font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial;line-height:1.5;margin:0;transition:background-color .28s ease,color .28s ease}main{margin:28px auto;max-width:1200px;max-width:var(--max-width);padding:0 20px 60px;transition:opacity .25s ease,transform .25s ease}h1,h2,h3{color:#222;color:var(--text-dark);font-family:Poppins,Segoe UI,sans-serif;letter-spacing:.2px;margin:0 0 8px}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:60}.hero{align-items:center;background:linear-gradient(90deg,#ff6f000f,#ffb74d08);border-radius:14px;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-sm);display:flex;gap:20px;margin-bottom:18px;padding:30px}.hero h1{color:#222;color:var(--text-dark);font-size:1.8rem}.hero p{color:#6b6b6b;color:var(--muted);font-weight:300;margin:6px 0 0}.posts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:900px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.posts-grid{grid-template-columns:repeat(3,1fr)}}.post-card{background:linear-gradient(180deg,#fff,#fffffff0);border-radius:12px;border-radius:var(--card-radius);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;opacity:0;overflow:hidden;transform:translateY(14px) scale(.995);transform-origin:center;transition:transform .18s ease,box-shadow .18s ease;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.post-card.visible{opacity:1;transform:translateY(0) scale(1);transition:opacity .5s ease,transform .45s cubic-bezier(.2,.9,.2,1)}.post-card:hover{box-shadow:0 10px 30px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-6px) scale(1.02)}.post-card .cover{background-position:50%;background-size:cover;flex-shrink:0;height:160px}.post-card .content{display:flex;flex-direction:column;gap:10px;padding:16px}.post-card h3{color:#222;color:var(--text-dark);font-size:1.05rem}.post-card .meta{color:#6b6b6b;color:var(--muted);font-size:.88rem;font-weight:300}.read-more{background:#ff6f00;background:var(--orange-deep);border-radius:10px;color:#fff;display:inline-block;font-weight:600;margin-top:8px;padding:8px 12px;text-decoration:none;transition:background .18s,transform .18s;transition:background var(--transition-fast),transform var(--transition-fast)}.read-more:hover{background:linear-gradient(90deg,#ffb74d,#ff6f00);background:linear-gradient(90deg,var(--orange-soft),var(--orange-deep));transform:translateY(-2px)}.btn{align-items:center;background:linear-gradient(90deg,#ff6f00,#ffb74d);background:linear-gradient(90deg,var(--orange-deep),var(--orange-soft));border:none;border-radius:10px;box-shadow:0 8px 22px #ff6f001f;color:#fff;cursor:pointer;display:inline-flex;gap:8px;padding:10px 14px;transition:transform .18s,box-shadow .18s;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn:active{box-shadow:0 6px 16px #00000014;transform:translateY(1px) scale(.995)}.form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-sm);padding:18px}.form input,.form textarea{border:1px solid #2222220f;border-radius:8px;color:#222;color:var(--text-dark);font-size:1rem;padding:10px 12px}.form textarea{min-height:160px}.loader{align-items:center;display:flex;gap:8px;justify-content:center;padding:20px 0}.loader .dot{animation:loader-bounce .9s ease-in-out infinite;background:#ff6f00;background:var(--orange-deep);border-radius:50%;height:10px;width:10px}.loader .dot:nth-child(2){animation-delay:.15s}.loader .dot:nth-child(3){animation-delay:.3s}@keyframes loader-bounce{0%,80%,to{opacity:.6;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.fade-page-enter{opacity:0;transform:translateY(8px)}.fade-page-enter-active{opacity:1;transform:translateY(0);transition:all .28s ease}.kicker{color:#6b6b6b;color:var(--muted);font-size:.85rem}.center{text-align:center}a{color:#ff6f00;color:var(--orange-deep);text-decoration:none}:focus{outline:3px solid #ff6f002e;outline-offset:2px}.dark{--orange-deep:#ff6f00;--orange-soft:#ffb74d;--off-white:#0f0f0f;--text-dark:#11b1f0;--muted:#fbf7f7;background:linear-gradient(180deg,#0d0d0d,#111)}.dark .form,.dark .hero,.dark .post-card,.dark .post-detail{background:linear-gradient(180deg,#111,#121212);box-shadow:0 6px 18px #0009;color:#222;color:var(--text-dark)}svg{color:inherit}.nav .nav-right .nav-link svg{color:#fff}*{transition:color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .12s ease}.auth-page{align-items:center;background:radial-gradient(circle at 10% 10%,#ff6f0005,#0000 12%),radial-gradient(circle at 90% 90%,#ffb74d03,#0000 10%),linear-gradient(180deg,#fff8e7,#fff8e7);display:flex;justify-content:center;min-height:calc(100vh - 120px);padding:40px 16px}.auth-card{background:var(--surface);border:1px solid #22222208;border-radius:14px;box-shadow:0 10px 40px #22222214;max-width:480px;padding:20px;width:100%}.auth-form{gap:12px}.auth-form,.auth-form .field{display:flex;flex-direction:column}.auth-form .field{gap:8px}.auth-form label{color:#222;color:var(--text-dark);font-size:.95rem;font-weight:600}.auth-form input,.auth-form textarea{background:#fff;border:1px solid #2222220f;border-radius:10px;color:#222;color:var(--text-dark);font-size:1rem;padding:12px 14px;width:100%}.btn.ghost{background:#0000;border:1px solid #2222220f;box-shadow:none;color:#ff6f00;color:var(--orange-deep)}.auth-form input:focus{border-color:#ff6f0047;box-shadow:0 6px 18px #ff6f001f;outline:none}.dark,.dark body{background:linear-gradient(180deg,#050505,#0a0a0a);color:#fff}.dark .auth-card,.dark .form,.dark .hero,.dark .post-card,.dark .post-detail{background:linear-gradient(180deg,#0b0b0b,#0f0f0f);border:1px solid #ffffff0a;box-shadow:0 10px 40px #0009;color:#fff}.dark .auth-form input,.dark .auth-form textarea{background:#0e0e10;border:1px solid #ffffff0f;color:#fff}.dark .auth-form input::placeholder,.dark .auth-form textarea::placeholder{color:#ffffff61}.dark .btn{background:linear-gradient(90deg,#ff6f00,#ffb74d);background:linear-gradient(90deg,var(--orange-deep),var(--orange-soft));box-shadow:0 10px 30px #ff6f0024;color:#fff}.dark .btn.ghost{background:#ffffff0a;border:1px solid #ffffff0f}.dark .btn.ghost,.dark a{color:#ffb74d;color:var(--orange-soft)}
/*# sourceMappingURL=main.ed4c11bb.css.map*/