:root{--color-bg-main:#0f172a;--color-bg-card:#1e293b;--color-bg-card-secondary:#334155;--color-text-primary:#f8fafc;--color-text-secondary:#e2e8f0;--color-text-tertiary:#cbd5e1;--color-accent-blue:#3b82f6;--color-accent-pink:#ec4899;--color-shadow:rgba(0,0,0,.3);--color-shadow-hover:rgba(0,0,0,.4);--color-gradient-1:#3b82f6;--color-gradient-2:#8b5cf6;--color-gradient-3:#d946ef;--color-gradient-4:#ec4899;--border-radius-card:16px;--border-radius-circle:50%;--spacing-xs:4px;--spacing-sm:10px;--spacing-md:14px;--spacing-lg:32px;--transition-default:all .3s ease;--transition-slow:all .5s cubic-bezier(.215,.61,.355,1);--transition-bounce:all .5s cubic-bezier(.68,-.55,.27,1.55)}@-webkit-keyframes cardGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes cardGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-webkit-keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-webkit-keyframes buttonGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes buttonGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(.3);opacity:.6}100%{transform:translate(-50%,-50%) scale(1.8);opacity:0}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding:50px 20px;max-width:1200px;margin:0 auto}.profile-card{background:0 0;animation:cardGradient .4s ease infinite;border-radius:var(--border-radius-card);width:100%;max-width:350px;overflow:visible;position:relative;transition:var(--transition-default);margin-bottom:20px}.profile-card:hover{transform:translateY(-5px);box-shadow:15px -20px 40px var(--color-shadow-hover);animation:cardGradient .5s ease infinite}.profile-header{padding:0;display:flex;flex-direction:column;align-items:center;position:relative;opacity:.85;overflow:visible}.profile-image-container{width:100%;height:150px;position:relative;overflow:visible;background:linear-gradient(-45deg,var(--color-gradient-1),var(--color-gradient-2),var(--color-gradient-3),var(--color-gradient-4));background-size:400% 400%;animation:gradientFlow .8s ease infinite;border-top-left-radius:var(--border-radius-card);border-top-right-radius:var(--border-radius-card);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);box-shadow:5px -10px 32px rgba(0,0,0,.15);z-index:1}.profile-avatar-container{position:absolute;top:35px;left:50%;transform:translateX(-50%);width:160px;height:160px;border-radius:var(--border-radius-circle);border:4px solid var(--color-bg-card);background-color:#333;z-index:10;box-shadow:10px -5px 10px rgba(0,0,0,.3);overflow:hidden}.profile-avatar{width:100%;height:100%;object-fit:cover;transition:var(--transition-default)}.profile-avatar:hover{transform:scale(1.05)}.profile-info{width:100%;padding:70px var(--spacing-md) var(--spacing-md);text-align:center;background:linear-gradient(to bottom,var(--color-bg-card),var(--color-bg-card-secondary) 70%);position:relative;z-index:1;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);margin-top:-10px}.profile-name{font-size:24px;font-weight:700;line-height:1.5;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.profile-x-id a{color:var(--color-accent-blue) !important}.profile-x-id,.profile-love{font-size:16px;display:flex;align-items:center;justify-content:center;line-height:1.5}.profile-love{flex-direction:column;align-items:flex-start;margin-bottom:var(--spacing-sm)}.profile-love .love-item{display:flex;align-items:center;width:100%;justify-content:center}.profile-x-id{color:var(--color-accent-blue)}.profile-love{color:var(--color-accent-pink);margin-bottom:var(--spacing-md)}.heart-icon{display:inline-block;width:18px;height:18px;margin-right:var(--spacing-xs)}.profile-message-toggle{background:linear-gradient(45deg,var(--color-gradient-1),var(--color-gradient-2));background-size:200% 200%;animation:buttonGradient 1s ease infinite;color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg);width:100%;text-align:center;font-size:18px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:var(--transition-default);position:relative;margin-top:-10px;border-bottom-left-radius:var(--border-radius-card);border-bottom-right-radius:var(--border-radius-card);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.08);border-top:none;overflow:visible}.profile-message-toggle:hover{background:linear-gradient(45deg,var(--color-gradient-2),var(--color-gradient-3));background-size:200% 200%;animation:buttonGradient 2s ease infinite}.profile-message-toggle .arrow{font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;transition:var(--transition-bounce);color:#fff;pointer-events:none}.profile-message-toggle span{content:"";width:32px;height:32px;background-color:rgba(255,255,255,.2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.profile-message-toggle span:nth-child(1){animation:ripple 1s ease-out infinite}.profile-message-toggle span:nth-child(2){animation:ripple 2s ease-out .7s infinite}.profile-message-toggle:hover span{background-color:rgba(255,255,255,.3);animation-duration:1.5s}.profile-message-toggle.active .arrow{transform:translate(-50%,-50%) rotate(180deg)}.profile-message-content{max-height:0;overflow:hidden;transition:var(--transition-slow);background:#00000044;padding:0 var(--spacing-md);opacity:0;transform:translateY(-20px);border-radius:var(--border-radius-card)}.profile-message-content.active{max-height:100%;padding:var(--spacing-md);opacity:1;transform:translateY(0);text-align:left;margin-bottom:14px}.profile-message-text{opacity:0;line-height:1.6;font-size:14px;color:var(--color-text-tertiary);margin:0}.profile-message-content.active .profile-message-text{opacity:1}@media (max-width:1200px){.cards-container{justify-content:center}.profile-card{max-width:320px;margin:0 15px 30px;box-shadow:none}.profile-card:hover{box-shadow:none}}@media (max-width:768px){.cards-container{padding:30px 15px}.profile-card{max-width:100%;margin:0 0 30px;box-shadow:15px -20px 30px var(--color-shadow)}.profile-card:hover{box-shadow:15px -20px 30px var(--color-shadow)}}@media (max-width:480px){.profile-card{max-width:100%;box-shadow:15px -20px 30px var(--color-shadow)}.profile-card:hover{box-shadow:15px -20px 30px var(--color-shadow)}.profile-name{font-size:28px;line-height:1.5}.profile-x-id,.profile-love{font-size:16px}}@media (min-width:769px){.cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.profile-card{max-width:100%;width:100%}}.pulse{animation:pulse 2s infinite}