@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");* {margin: 0;padding: 0;box-sizing: border-box;color: #f4f7fc;}body {font-family: "Poppins", sans-serif;}.container {width: 100%;min-height: 100vh;--color: rgba(0, 115, 19, 0.3);background-color: #191a1a;background-image: linear-gradient( 180deg, transparent 24%, var(--color) 25%, var(--color) 26%, transparent 27%, transparent 74%, var(--color) 75%, var(--color) 76%, transparent 77%, transparent ), linear-gradient( 45deg, transparent 24%, var(--color) 35%, var(--color) 26%, transparent 17%, transparent 74%, var(--color) 75%, var(--color) 76%, transparent 77%, transparent );background-size: 55px 55px;display: flex;align-items: center;flex-direction: column;padding: 20px 0px;}.title {font-size: clamp(2rem, 2.5vw, 3rem);font-weight: 700;margin-bottom: 20px;color: #32cd32;text-align: center;}.search-box {width: 100%;display: flex;justify-content: center;align-items: center;}.input-field {padding: 12px;max-width: 400px;border: 2px solid #32cd32;border-top-left-radius: 8px;border-bottom-left-radius: 8px;outline: none;font-size: 14px;}.search-btn {background: #32cd3275;color: white;border: none;padding: 12px 16px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;cursor: pointer;font-size: 14px;transition: background 0.3s;}.search-btn i {color: white;}.search-btn:hover {background: #32cd32;}.spinner {display: none;text-align: center;margin-top: 20px;}.spinner-border {width: 40px;height: 40px;border: 4px solid #32cd32;border-top: 4px solid transparent;border-radius: 50%;animation: spin 1s linear infinite;margin: auto;}@keyframes spin {100% {transform: rotate(360deg);}}.container .user-card {-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);color: white;border-radius: 12px;box-shadow: 0px 4px 10px rgba(51, 212, 45, 0.418);padding: 20px;margin-top: 20px;max-width: 450px;transition: transform 0.3s;gap: 10px;font-size: 14px;}.container .user-card * {margin-top: 15px;}.container .text-muted {font-size: 10px;color: #32cd32;}.container .text-muted1 {color: #32cd3275;font-size: 14px;}.container .user-avatar {width: 200px;height: 200px;border-radius: 50%;margin-bottom: 10px;}.container .user-details {text-align: left;}.container .user-details p {margin: 5px 0;}a {color: #32cd32;text-decoration: none;transition: color 0.3s;cursor: pointer;font-size: 14px;&:hover {color: #11a111;text-decoration: underline;}}i {color: #32cd32;font-size: 20px;font-weight: 600;}.container .button {display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;}.container .profile-btn {background: linear-gradient(45deg, #32cd3275, #32cd32, #32cd3275);color: white;padding: 12px 20px;text-decoration: none;display: inline-block;margin-top: 15px;border-radius: 8px;font-weight: 600;font-size: 14px;transition: all 0.3s ease-in-out;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);text-align: center;}.container .profile-btn:hover {transform: translateY(-2px);box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);}@media screen and (max-width: 768px) {.container .user-card {max-width: 350px;}}