*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to right,#1f1c2c,#928dab);min-height:100vh;color:#fff;line-height:1.6}.login{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:40px 30px;max-width:400px;width:90%;margin:80px auto;box-shadow:0 10px 25px #0006;text-align:center}.login-form input.input{width:100%;padding:14px;margin-bottom:20px;border:none;border-radius:8px;background:#fff3;color:#fff;font-size:15px}.login-form input.input::placeholder{color:#ddd}.login-form .btn{width:100%;padding:14px;background-color:#6c5ce7;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:16px;transition:background .3s}.login-form .btn:hover{background-color:#a29bfe}.login-form a{display:block;margin-top:12px;color:#dfe6e9;font-size:14px;text-decoration:underline}.navbar{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.navbar h1{font-size:24px;font-weight:700}.nav-link{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav-link a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s}.nav-link a:hover{color:#a29bfe}.nav-link button{background-color:#ff7675;border:none;padding:8px 14px;border-radius:8px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .3s}.nav-link button:hover{background-color:#d63031}.home{max-width:800px;margin:0 auto;padding:40px 20px}form textarea{width:100%;height:100px;padding:14px;background:#ffffff1a;border-radius:8px;font-size:16px;color:#fff;border:none;resize:vertical;outline:none}form textarea::placeholder{color:#ddd}form button{margin-top:12px;background-color:#6c5ce7;color:#fff;font-weight:700;padding:10px 24px;border:none;border-radius:8px;cursor:pointer;transition:background .3s}form button:hover{background-color:#a29bfe}.post{margin-top:30px;font-size:20px;font-weight:600}.home .post-card{background:#ffffff14;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 16px #0000004d}.home .post-card p{font-size:16px;margin-bottom:6px}.home .post-card small{font-size:13px;color:#ccc}.post-img{max-width:100%;height:auto;display:block;margin-top:10px;border-radius:8px;padding-left:50px;padding-right:40px}.profile{max-width:800px;margin:40px auto;padding:20px}.profile-header{margin-bottom:30px}.profile-name{font-size:28px;font-weight:700}.profile-email{font-size:16px;color:#ccc;margin-bottom:10px}.profile-bio{font-style:italic;color:#e0e0e0;margin-top:10px}.profile-post{font-size:22px;margin-top:30px;margin-bottom:16px}.profile-post-card{background:#ffffff14;padding:15px;border-radius:8px;margin-bottom:15px;box-shadow:0 4px 16px #0000004d}.profile-post-card button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;margin-right:8px}.profile-content{font-size:16px;color:#f1f1f1}.profile-date{font-size:12px;color:#aaa;margin-top:6px;display:block}.profile .bio-section{margin-top:20px}.profile .bio-section textarea{width:100%;padding:8px;margin-bottom:10px;border-radius:6px;font-size:14px;background:#f4f4f4;border:1px solid #ccc;color:#333;resize:vertical}.profile .bio-section button{margin-right:10px;padding:6px 12px;background-color:#4a69bd;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .3s}.profile .bio-section button:hover{background-color:#6a89cc}.post-actions{display:flex;gap:10px;margin-top:10px}.post-actions button{padding:6px 14px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.post-actions button:first-child{background-color:#007bff;color:#fff}.post-actions button:last-child{background-color:#dc3545;color:#fff}.post-actions button:hover{transform:scale(1.05);opacity:.95}.post-actions button:active{transform:scale(.98)}@media (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start}.nav-link{width:100%;justify-content:space-between;margin-top:10px}.login,.home,.profile{padding:20px;margin-top:20px}.profile-name{font-size:22px}form textarea{height:80px}}@media (max-width: 480px){.login{padding:30px 20px}.navbar h1{font-size:20px}.nav-link{gap:12px;flex-direction:column;align-items:flex-start}.profile-post{font-size:18px}}