body{margin:0}.signup-container{height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f2f4f7;font-family:Arial,sans-serif}.signup-card{background:#fff;padding:40px;width:400px;border-radius:12px;box-shadow:0 10px 25px #0000000d}.signup-card h1{font-size:36px;margin-bottom:30px;color:#111827}.signup-card label{display:block;margin-bottom:6px;margin-top:20px;font-weight:500;color:#374151}.signup-card input[type=text],.signup-card input[type=email],.signup-card input[type=password]{width:100%;padding:14px;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;font-size:16px;outline:none;transition:.2s}.signup-card input:focus{border-color:#2563eb;background:#fff}.checkbox-row{display:flex;align-items:center;margin-top:20px;font-size:14px}.checkbox-row input{margin-right:10px}.signup-btn{width:100%;margin-top:30px;padding:14px;border-radius:12px;border:none;font-size:18px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(180deg,#1f2937,#111827);transition:.3s}.signup-btn:hover{opacity:.9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif}.home-container{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#4f46e5,#3b82f6)}.home-card{width:360px;padding:40px;border-radius:20px;text-align:center;background:#ffffff1f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 40px #00000040;color:#fff;animation:fadeIn .6s ease-in-out;transition:transform .3s ease}.home-card:hover{transform:translateY(-5px)}.logo{font-size:32px;margin-bottom:10px}.home-card h1{font-size:28px;font-weight:600;margin-bottom:10px}.home-card p{font-size:14px;opacity:.85;margin-bottom:30px}.home-buttons{display:flex;justify-content:space-between;gap:10px}.link{width:100%}.btn{width:100%;padding:12px;border-radius:12px;border:none;font-weight:500;cursor:pointer;transition:all .3s ease}.login-btn{background:#fff3;color:#fff}.login-btn:hover{background:#ffffff59}.signup-btn{background:#fff;color:#3b82f6}.signup-btn:hover{background:#e0e7ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.telegram-container{display:flex;height:100vh;font-family:Arial,sans-serif}.sidebar{width:300px;background:#17212b;color:#fff;overflow-y:auto}.sidebar-header{padding:15px;font-size:18px;font-weight:700;background:#232f3d}.chat-item{display:flex;align-items:center;padding:12px;cursor:pointer;border-bottom:1px solid #1e2a38}.chat-item:hover{background:#1f2e3d}.chat-item.active{background:#2b5278}.avatar{width:40px;height:40px;background:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;font-weight:700}.chat-name{font-weight:700}.chat-email{font-size:12px;opacity:.7}.profile-section{display:flex;align-items:center;padding:12px;border-bottom:1px solid #ccc}.profile-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.profile-card{width:320px;padding:25px;border-radius:12px;background:#fff;box-shadow:0 10px 30px #0003;text-align:center;position:relative}.profile-section{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #ddd;cursor:pointer}.profile-section:hover{background:#f5f5f5}.file-btn{cursor:pointer;font-size:20px;margin-right:10px}.profile-avatar{width:40px;height:40px;border-radius:50%;background:#4f46e5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:700;margin:0 auto 15px}.profile-info{display:flex;flex-direction:column}.profile-name{font-weight:700}.profile-email{font-size:12px;color:gray}.profile-actions{margin-top:20px;display:flex;flex-direction:column;gap:10px}.group-btn{padding:10px;border-radius:6px;border:none;background:#2563eb;color:#fff;cursor:pointer;transition:.2s}.group-btn:hover{background:#1d4ed8}.logout-btn{padding:10px;border-radius:6px;border:none;background:#ef4444;color:#fff;cursor:pointer;transition:.2s}.logout-btn:hover{background:#dc2626}.group-input{width:100%;padding:8px;margin:10px 0;border-radius:5px;border:1px solid #ccc}.chat-section{flex:1;display:flex;flex-direction:column;background:#e5ddd5}.chat-header{padding:15px;background:#fff;border-bottom:1px solid #ccc;font-weight:700}.messages-area{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column}.message{padding:8px 12px;border-radius:15px;margin-bottom:10px;max-width:60%;font-size:14px}.chat-image{width:150px;max-width:100%;border-radius:10px;margin-top:5px}.sent{align-self:flex-end;background:#dcf8c6}.received{align-self:flex-start;background:#fff}.input-area{display:flex;padding:10px;background:#fff;border-top:1px solid #ccc}.input-area input{flex:1;padding:8px;border-radius:20px;border:1px solid #ccc;outline:none}.input-area button{margin-left:10px;padding:8px 15px;border:none;border-radius:20px;background:#2b5278;color:#fff;cursor:pointer}