*{box-sizing:border-box;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{color:#e2e8f0;background:#0f172a}.create-post-section{text-align:center;background:#020617;border:1px solid #1e293b;border-radius:14px;width:90%;max-width:420px;margin:60px auto;padding:30px 20px;box-shadow:0 10px 30px #0009}.create-post-section h1{color:#38bdf8;margin-bottom:20px;font-size:22px}.create-post-section form{flex-direction:column;gap:15px;display:flex}.create-post-section input[type=file]{cursor:pointer;color:#cbd5f5;background:#0f172a;border:1px dashed #334155;border-radius:8px;padding:10px;font-size:14px}.create-post-section input[type=text]{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;padding:10px;font-size:14px;transition:all .3s}.create-post-section input[type=text]:focus{border-color:#38bdf8;box-shadow:0 0 5px #38bdf8}.create-post-section button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:none;border-radius:8px;padding:12px;font-size:15px;font-weight:700;transition:all .3s}.create-post-section button:hover{color:#020617;background:#38bdf8}.feed-section{grid-template-columns:repeat(3,1fr);gap:20px;width:90%;max-width:1200px;margin:40px auto;display:grid}.post-card{background:#020617;border:1px solid #1e293b;border-radius:14px;transition:all .3s;overflow:hidden;box-shadow:0 8px 25px #0009}.post-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #000c}.post-card img{object-fit:cover;width:100%;height:200px}.post-card p{color:#cbd5f5;text-align:center;padding:12px;font-size:14px}.feed-nav{text-align:center;margin:20px 0}.feed-nav button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:none;border-radius:6px;margin:0 5px;padding:10px 14px;transition:all .3s}.feed-nav button:hover{color:#020617;background:#38bdf8}@media (width<=900px){.feed-section{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.feed-section{grid-template-columns:1fr}.post-card img{height:180px}.post-card p{font-size:13px}.create-post-section{width:95%;margin:30px auto;padding:20px 15px}}.home-container{color:#e2e8f0;background:#0f172a;min-height:100vh}.navbar{background:#020617;border-bottom:1px solid #1e293b;justify-content:space-between;align-items:center;padding:15px 30px;display:flex}.logo{color:#38bdf8;font-size:22px}.nav-buttons button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:none;border-radius:6px;margin-left:10px;padding:8px 14px;transition:all .3s}.nav-buttons button:hover{color:#020617;background:#38bdf8}.hero-section{text-align:center;margin-top:100px;padding:20px}.hero-section h1{margin-bottom:15px;font-size:36px}.hero-section p{color:#94a3b8;margin-bottom:25px}.hero-buttons button{color:#e2e8f0;cursor:pointer;background:#1e293b;border:none;border-radius:8px;margin:10px;padding:12px 18px;font-size:15px;transition:all .3s}.hero-buttons button:hover{color:#020617;background:#38bdf8}