*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Arial', sans-serif;background-color:#e3f2fd;color:#333;font-size:14px;}a{color:#1565c0;text-decoration:none;}a:hover{color:#0d47a1;text-decoration:underline;}.header{background:linear-gradient(135deg, #1565c0, #42a5f5);padding:12px 15px;text-align:center;position:sticky;top:0;z-index:999;box-shadow:0 2px 8px rgba(0,0,0,0.3);}.header h1{color:#ffffff;font-size:22px;letter-spacing:2px;}.header p{color:#bbdefb;font-size:11px;}.navbar{background:#0d47a1;display:flex;justify-content:center;flex-wrap:wrap;gap:5px;padding:8px;}.navbar a{color:#ffffff;padding:6px 12px;border-radius:20px;font-size:13px;background:rgba(255,255,255,0.1);transition:0.3s;}.navbar a:hover{background:#42a5f5;color:#fff;text-decoration:none;}.container{max-width:600px;margin:15px auto;padding:0 10px;}.card{background:#ffffff;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-left:4px solid #1565c0;}.card h3{color:#1565c0;margin-bottom:8px;font-size:16px;}.card p{color:#555;line-height:1.6;font-size:13px;}.btn{display:inline-block;padding:9px 20px;border-radius:25px;font-size:13px;cursor:pointer;border:none;transition:0.3s;text-align:center;}.btn-blue{background:linear-gradient(135deg, #1565c0, #42a5f5);color:#fff;}.btn-blue:hover{background:linear-gradient(135deg, #0d47a1, #1e88e5);color:#fff;text-decoration:none;}.btn-outline{background:transparent;border:2px solid #1565c0;color:#1565c0;}.btn-outline:hover{background:#1565c0;color:#fff;text-decoration:none;}input[type="text"],input[type="email"],input[type="password"],textarea{width:100%;padding:10px 14px;border:2px solid #bbdefb;border-radius:25px;font-size:13px;outline:none;margin-bottom:10px;background:#f5f9ff;color:#333;transition:0.3s;}input:focus,textarea:focus{border-color:#1565c0;background:#fff;}textarea{border-radius:12px;resize:vertical;min-height:80px;}.profile-box{background:linear-gradient(135deg, #1565c0, #42a5f5);border-radius:12px;padding:20px;text-align:center;color:#fff;margin-bottom:15px;}.profile-box img{width:70px;height:70px;border-radius:50%;border:3px solid #fff;margin-bottom:10px;}.profile-box h3{font-size:18px;}.profile-box p{font-size:12px;color:#bbdefb;}.post-box{background:#fff;border-radius:12px;padding:15px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.post-box .post-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;}.post-box .avatar{width:40px;height:40px;border-radius:50%;background:#42a5f5;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:bold;font-size:16px;}.post-box .username{font-weight:bold;color:#1565c0;font-size:14px;}.post-box .time{font-size:11px;color:#999;}.footer{background:linear-gradient(135deg, #0d47a1, #1565c0);color:#bbdefb;text-align:center;padding:15px;font-size:12px;margin-top:20px;}.footer a{color:#90caf9;margin:0 5px;}.footer a:hover{color:#fff;}.alert{padding:10px 15px;border-radius:8px;margin-bottom:10px;font-size:13px;}.alert-success{background:#bbdefb;color:#0d47a1;border-left:4px solid #1565c0;}.alert-error{background:#ffcdd2;color:#b71c1c;border-left:4px solid #e53935;}.divider{border:none;border-top:1px solid #bbdefb;margin:15px 0;}::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:#e3f2fd;}::-webkit-scrollbar-thumb{background:#1565c0;border-radius:10px;}input[name="username"], input[name="email"], input[name="password"]{width:100%;padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:10px;font-size:15px;}input:focus{border-color:#0a66c2;outline:none;}input[type="submit"], button[name="register"]{width:100%;padding:12px;background:#0a66c2;color:white;border:none;border-radius:10px;font-size:16px;font-weight:bold;margin-top:12px;cursor:pointer;}input[type="submit"]:hover{background:#004182;}