@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;position:fixed;top:0;width:100%;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px}.nav-brand{display:flex;align-items:center;font-size:1.5rem;font-weight:700;color:#667eea}.nav-brand i{margin-right:10px}.nav-menu{display:flex;gap:20px}.nav-link{text-decoration:none;color:#333;padding:8px 16px;border-radius:20px;transition:all .3s ease;display:flex;align-items:center;gap:5px}.nav-link:hover{background:#667eea;color:#fff}.section{display:none;min-height:100vh;padding-top:80px}.section.active{display:block}.auth-container{max-width:400px;margin:100px auto;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.auth-tabs{display:flex;background:#f8f9fa}.tab-btn{flex:1;padding:15px;border:none;background:transparent;cursor:pointer;font-size:1rem;transition:all .3s ease}.tab-btn.active{background:#667eea;color:#fff}.auth-form{padding:40px;display:none}.auth-form.active{display:block}.auth-form h2{text-align:center;margin-bottom:30px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.btn{padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.container{max-width:800px;margin:0 auto;padding:20px}.content-section{display:none}.content-section.active{display:block}.post-composer{background:#fff;border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 5px 15px #0000001a}.post-composer h3{margin-bottom:15px;color:#333}.post-composer textarea{width:100%;min-height:100px;padding:15px;border:2px solid #e1e5e9;border-radius:10px;font-size:1rem;resize:vertical;margin-bottom:15px}.posts-container{display:flex;flex-direction:column;gap:20px}.post{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.post:hover{transform:translateY(-2px)}.post-header{display:flex;align-items:center;margin-bottom:15px}.post-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:15px}.post-author{font-weight:600;color:#333}.post-time{color:#666;font-size:.9rem;margin-left:auto}.post-content{margin-bottom:15px;line-height:1.6}.post-actions{display:flex;gap:20px;border-top:1px solid #e1e5e9;padding-top:15px}.post-action{display:flex;align-items:center;gap:5px;color:#666;cursor:pointer;transition:color .3s ease}.post-action:hover{color:#667eea}.post-action.liked{color:#e74c3c}.profile-header{background:#fff;border-radius:15px;padding:30px;margin-bottom:20px;box-shadow:0 5px 15px #0000001a;display:flex;justify-content:space-between;align-items:center}.profile-info h2{color:#333;margin-bottom:10px}.profile-info p{color:#666;font-size:1.1rem}.profile-stats{background:#fff;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0000001a;display:flex;gap:40px}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:#667eea}.stat-label{color:#666;font-size:.9rem}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#fff;margin:10% auto;padding:30px;border-radius:15px;width:90%;max-width:500px;position:relative;box-shadow:0 20px 40px #0003}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer;position:absolute;right:20px;top:15px}.close:hover{color:#333}@media (max-width: 768px){.nav-container{padding:0 15px}.nav-menu{gap:10px}.nav-link{padding:6px 12px;font-size:.9rem}.container{padding:15px}.auth-container{margin:50px 20px}.profile-header{flex-direction:column;gap:20px;text-align:center}.profile-stats{justify-content:center}}.message-toast{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:8px;color:#fff;font-weight:500;z-index:1000;display:flex;align-items:center;gap:1rem;max-width:400px;box-shadow:0 4px 12px #00000026}.message-toast.success{background:#10b981}.message-toast.error{background:#ef4444}.toast-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;margin-left:auto}.loading,.no-posts{text-align:center;padding:2rem;color:#6b7280;font-style:italic}.post-username{color:#6b7280;font-size:.9rem;margin-left:.5rem}.profile-username{color:#6b7280;margin:.25rem 0}.nav-link.active{background:#ffffff1a;border-radius:6px}@media (max-width: 768px){.message-toast{top:10px;right:10px;left:10px;max-width:none}}.loading{text-align:center;padding:40px;color:#666}.error{background:#f8d7da;color:#721c24;padding:15px;border-radius:10px;margin:20px 0;border:1px solid #f5c6cb}.success{background:#d4edda;color:#155724;padding:15px;border-radius:10px;margin:20px 0;border:1px solid #c3e6cb}