@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap');body {margin: 0;padding: 0;font-family: 'Fira Code', monospace;display: flex;justify-content: center;align-items: center;height: 100vh;background: linear-gradient(135deg, #1e1e2f, #2b2b40);color: #c9c9c9;user-select: none;}.container {text-align: center;max-width: 90%;padding: 1rem;}h1 {font-size: 2rem;margin-bottom: 0.5rem;color: #e94560;text-shadow: 2px 2px 8px rgba(233, 69, 96, 0.5);}.subtitle {font-size: 1rem;color: #fff;font-weight: bold;margin-bottom: 0.5rem;}.description {font-size: 0.9rem;color: #a5a5b9;margin-bottom: 2rem;font-style: italic;}.social-icons {margin-top: 1rem;display: flex;justify-content: center;gap: 1rem;flex-wrap: wrap;}.social-icon {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: rgba(255, 255, 255, 0.1);color: #c9c9c9;text-decoration: none;font-size: 1.2rem;transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;}.social-icon:hover {transform: scale(1.1);background: linear-gradient(90deg, #b64b63, #da7f5e, #d2a44e, #cecd5e);background-size: 400% 400%;animation: gradientAnimation 3s ease infinite;color: white;}@keyframes gradientAnimation {0% {background-position: 0 50%;}50% {background-position: 100% 50%;}100% {background-position: 0 50%;}}.x:hover {color: #000;}.linkedin:hover {color: #0077B5;}.github:hover {color: #000;}.telegram:hover {color: #0088cc;}@media (max-width: 768px) {h1 {font-size: 1.8rem;}.description {font-size: 0.8rem;}.social-icon {width: 45px;height: 45px;font-size: 1rem;}.social-icons {gap: 0.8rem;}.chat-button {padding: 0.8rem 1.5rem !important;font-size: 1rem !important;}}@media (max-width: 480px) {h1 {font-size: 1.5rem;}.subtitle {font-size: 0.9rem;}.description {font-size: 0.7rem;}.social-icon {width: 40px;height: 40px;font-size: 0.9rem;}.social-icons {gap: 0.5rem;}.chat-button {padding: 0.6rem 1.2rem !important;font-size: 0.9rem !important;}}.email-section {margin-top: 2rem;position: relative;display: inline-block;}.email {font-size: 1rem;color: #fff;padding: 0.5rem 1rem;border: 1px solid #e94560;border-radius: 5px;cursor: pointer;transition: background-color 0.3s, color 0.3s;display: inline-block;margin: 0 auto;}.email:hover {background: linear-gradient(90deg, #670000, #0404be, #0b2f3b, #063fa6);background-size: 400% 400%;animation: gradientAnimation 8s ease infinite;color: #fff;}.email-hover-text {font-size: 0.8rem;color: #a5a5b9;margin-top: 0.5rem;visibility: hidden;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);white-space: nowrap;}.email-section:hover .email-hover-text {visibility: visible;}.chat-anonymous {margin-top: 1rem;display: flex;justify-content: center;}.chat-button {display: inline-block;padding: 1rem 2rem;font-size: 1.2rem;font-weight: bold;color: rgba(255, 255, 255, 0.9);text-decoration: none;text-align: center;border-radius: 15px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.3);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transition: all 0.3s ease-in-out;position: relative;overflow: hidden;}.chat-button:hover {background: rgba(255, 69, 96, 0.8);box-shadow: 0 10px 40px rgba(255, 69, 96, 0.6);transform: translateY(-3px);}.chat-button::before {content: '';position: absolute;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));opacity: 0;transition: all 0.3s ease-in-out;}.chat-button:hover::before {opacity: 1;transform: scale(1.2);}