.login-container{max-width:400px;width:100%;padding:40px 30px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;color:#102a43}.login-container h2{text-align:center;margin-bottom:24px;font-size:1.8rem;font-weight:700;color:#102a43}.login-container input{width:100%;padding:12px 14px;margin-bottom:18px;border:1px solid #bcccdc;border-radius:8px;background-color:#f0f4f8;color:#102a43;font-size:1rem;transition:border-color .3s,background-color .3s}.login-container input:focus{outline:none;border-color:#006d77;background-color:#fff;box-shadow:0 0 6px #90e0ef}.login-btn{width:100%;padding:12px;background:#006d77;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.05rem;font-weight:600;transition:background-color .3s,box-shadow .3s;margin-top:8px}.login-btn:hover{background-color:#004f57;box-shadow:0 4px 12px #006d7766}.signup-redirect{margin-top:20px;text-align:center;font-size:14px;color:#334e68}.signup-redirect a{color:#006d77;text-decoration:none;font-weight:500}.signup-redirect a:hover{text-decoration:underline}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom right,#f0f4f8,#d9e2ec);min-height:100vh;display:flex;justify-content:center;align-items:center}.signup-container{width:100%;max-width:600px;min-width:480px;min-height:500px;padding:50px 60px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;color:#102a43;display:flex;flex-direction:column;justify-content:center}.signup-container h2{text-align:center;margin-bottom:24px;font-size:1.8rem;font-weight:700;color:#102a43}.input-wrapper{margin-bottom:18px}input{width:100%;padding:12px 14px;border:1px solid #bcccdc;border-radius:8px;background-color:#f0f4f8;color:#102a43;font-size:1rem;transition:border-color .3s,background-color .3s;font-family:inherit}input:focus{outline:none;border-color:#006d77;background-color:#fff;box-shadow:0 0 6px #90e0ef}.password-wrapper{position:relative;width:100%}.password-wrapper input{padding-right:42px}.toggle-eye{all:unset;position:absolute;top:50%;right:14px;transform:translateY(-50%);cursor:pointer;color:#627d98;font-size:1.2rem;display:flex;align-items:center;justify-content:center;height:100%;width:30px}.toggle-eye:hover{color:#334e68}.signup-btn{width:100%;padding:12px;background:#006d77;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.05rem;font-weight:600;transition:background-color .3s,box-shadow .3s;margin-top:8px}.signup-btn:hover{background-color:#004f57;box-shadow:0 4px 12px #006d7766}.login-link{margin-top:20px;text-align:center;font-size:14px;color:#334e68}.login-link a{color:#006d77;text-decoration:none;font-weight:500}.login-link a:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f4f8}.interface-container{display:flex;justify-content:center;padding:20px;min-height:100vh}.interface-box{background:#fff;padding:30px 25px;border-radius:16px;box-shadow:0 8px 24px #0000001f;width:1000px;max-width:1000px;display:flex;flex-direction:column;gap:15px;text-align:center}.interface-box h1{font-size:2rem;color:#102a43;font-weight:700;line-height:1.2;margin-bottom:5px}.interface-box p{font-size:1rem;color:#334e68;line-height:1.3;margin-bottom:15px}.post-form{display:flex;flex-direction:column;gap:10px}.post-form textarea{resize:none;padding:10px;min-height:80px;border-radius:8px;border:1px solid #bcccdc;font-size:1rem;width:100%}.post-form input[type=file]{border:1px solid #bcccdc;border-radius:8px;padding:6px}.post-form button{padding:10px 20px;background:#006d77;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .3s ease;align-self:flex-start}.post-form button:hover{background:#004f57}.posts-list{display:flex;flex-direction:column;gap:20px}.post-card{background:#f9fafb;padding:15px 20px;border-radius:12px;box-shadow:0 4px 12px #00000080;display:flex;flex-direction:column;gap:10px;text-align:left}.post-card p{font-size:1rem;color:#1a1a1a;white-space:pre-wrap}.post-image{margin-top:10px;max-width:100%;border-radius:8px;object-fit:cover}.post-actions{display:flex;gap:10px;margin-top:10px}.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500}.edit-btn{background:#ffd166;color:#1a1a1a;transition:background .3s ease}.edit-btn:hover{background:#f4c20d}.delete-btn{background:#ef476f;color:#fff;transition:background .3s ease}.delete-btn:hover{background:#d30b53}.logout-btn{padding:10px 20px;background:#006d77;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background .3s ease;align-self:flex-end}.logout-btn:hover{background:#004f57}@media (max-width: 520px){.interface-box{width:90%}.post-form textarea{min-height:60px}}