:root{--bg: #f7f9fc;--card: #ffffff;--muted: #6b7280;--accent: #7c3aed;--shadow: 0 10px 30px rgba(15, 23, 42, .06);--radius: 14px;--max-width: 1100px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#fbfdff 0%,var(--bg) 100%);color:#0f172a;-webkit-font-smoothing:antialiased}.container{max-width:var(--max-width);margin:18px auto;padding:0 18px}.navbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;padding:12px 18px;margin:0 auto;max-width:var(--max-width)}.nav-item{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-weight:500;transition:.2s ease}.nav-item:hover{background:#3b82f626;color:#2563eb;transform:translateY(-1px)}.logout-btn{display:flex;align-items:center;gap:6px;background:#ef4444;color:#fff;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:500;transition:.2s ease}.logout-btn:hover{background:#dc2626;transform:scale(1.05)}.brand{display:flex;gap:10px;align-items:center;color:var(--accent);font-weight:700}.brand a{color:var(--accent);text-decoration:none;font-size:18px}.links{display:flex;gap:12px;align-items:center}.links a{text-decoration:none;color:#334155}.btn{background:var(--accent);color:#fff;border:none;padding:8px 12px;border-radius:10px;cursor:pointer;font-size:20px;width:250px;margin:10px}.btn-ghost{background:transparent;border:1px solid #eef2ff;padding:6px 10px;border-radius:8px;cursor:pointer}.home-container{padding:90px 30px;text-align:center}.hero h1{font-size:2.4rem;font-weight:700}.highlight{color:#7c3aed}.hero p{color:gray;margin:5px 0 20px}.hero-buttons{display:flex;gap:10px;justify-content:center}.btn-primary{background:#7c3aed;color:#fff;border:none;padding:10px 18px;border-radius:8px;display:flex;gap:6px;align-items:center;cursor:pointer;font-weight:600}.btn-outline{border:2px solid #7c3aed;background:transparent;padding:10px 18px;border-radius:8px;display:flex;gap:6px;align-items:center;cursor:pointer;font-weight:600}.categories{display:flex;gap:12px;justify-content:center;margin:25px 0}.categories button{background:#f4f4f4;border:none;padding:8px 14px;border-radius:50px;display:flex;gap:4px;align-items:center;cursor:pointer;font-size:.95rem}.posts-scroll{margin-top:20px;max-height:60vh;overflow-y:auto;padding-bottom:30px}.card{background:var(--card);border-radius:12px;padding:30px;box-shadow:0 6px 18px #0f172a0a;display:flex;flex-direction:column;gap:8px;min-height:160px;text-align:justify}.card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.card-header h3{margin:0;font-size:20px}.author{display:flex;align-items:center;gap:10px;color:var(--muted)}.card-body p{margin:0;color:#334155}.card-footer{margin-top:auto;text-align:right;color:var(--muted)}.long-content{margin-top:18px;padding:18px;background:var(--card);border-radius:12px;box-shadow:var(--shadow);max-height:480px;overflow:auto}.highlight{color:var(--primary);font-weight:700}.feature-list{list-style:none;padding:0}.feature-list li{display:flex;align-items:center;gap:8px;margin:6px 0}.quote-box{padding:16px;border-left:4px solid var(--primary);background:var(--card);font-style:italic;opacity:.85}.section-title{margin-top:18px;margin-bottom:8px;font-weight:700}.muted{opacity:.7}a:hover{opacity:.7;transition:.2s}.content-card{padding:18px;background:var(--card);border-radius:12px;box-shadow:var(--shadow);margin-top:100px}.form{display:flex;flex-direction:column;gap:12px;margin-top:12px}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#334155}.form input,.form textarea{padding:10px;border-radius:8px;border:1px solid #e6e9f2;background:#fbfbff}@media (max-width: 700px){.posts-scroll{grid-template-columns:1fr;max-height:600px}.container{padding:0 12px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.brand svg{animation:float 4s ease-in-out infinite}