body{background:linear-gradient(135deg,#eef2ff,#dbeafe);color:#1e1e2f;font-family:Nunito,Arial,Helvetica,sans-serif;margin:0;padding:0}.App{text-align:center}.navbar{align-items:center;background:linear-gradient(90deg,#6a5acd,indigo);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;display:flex;height:70px;justify-content:space-between;overflow-x:hidden;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.navbar .links{display:flex;gap:20px}.links a{color:#fff;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.links a:after{background:#fff;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.links a:hover{color:gold}.links a:hover:after{width:100%}.navbar .user{align-items:center;display:flex;gap:12px}.user p{color:#fff;font-size:14px;font-weight:500}.user img{border:2px solid #fff;border-radius:50%;height:36px;object-fit:cover;width:36px}.create-post{display:flex;justify-content:center;margin-top:60px}form{animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6366f1e6;border-radius:12px;box-shadow:0 8px 20px #00000026;padding:30px 25px;width:340px}input,textarea{background:#ffffffe6;border:none;border-radius:6px;color:#1e1e2f;font-size:15px;margin:8px 0 18px;padding:10px 12px;transition:all .25s ease;width:90%}input:focus,textarea:focus{box-shadow:0 0 0 3px #6366f14d;outline:none}.submitForm{background:#4f46e5;border:none;border-radius:6px;color:#fff;font-size:15px;font-weight:500;padding:10px 16px;transition:all .3s ease}.submitForm:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d;cursor:pointer;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.post{background:#fff;border:5px solid #4338ca;border-radius:16px;box-shadow:0 4px 16px #00000014;margin:20px auto;max-width:650px;padding:20px;transition:transform .25s ease,box-shadow .25s ease;width:92%}.post:hover{box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.post .title h1{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 12px}.post .body p{color:#374151;font-size:15px;line-height:1.6;margin:0 0 16px;white-space:pre-wrap}.post .footer{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:14px;justify-content:space-between;margin-top:16px;padding-top:12px}.post .footer p:first-child{color:#4f46e5;font-weight:500;margin:0}.post .footer button{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:18px;margin:0 10px;padding:6px 12px;transition:all .2s ease}.post .footer button:hover{background:#eef2ff;border-color:#c7d2fe;transform:scale(1.1)}.post .footer p:last-child{color:#374151;font-size:14px;font-weight:500;margin:0}.hero{align-items:center;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;display:flex;justify-content:center;min-height:70vh;padding:40px 20px;text-align:center}.hero-content{max-width:700px}.hero h1{font-size:3rem;font-weight:700;margin-bottom:20px}.hero p{color:#e0e7ff;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.hero-actions{display:flex;gap:15px;justify-content:center}.btn-primary{background:#fff;border-radius:8px;color:#4338ca;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{background:#e0e7ff}
/*# sourceMappingURL=main.a6bdf741.css.map*/