.floating-contact{position:fixed;bottom:30px;right:30px;z-index:1000;pointer-events:none}.floating-contact>*{pointer-events:auto}.floating-button{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);border:none;box-shadow:0 4px 20px #ffd70066;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#0a0a0a;transition:all .3s ease;position:relative;z-index:1002}.floating-button:hover{transform:scale(1.1);box-shadow:0 6px 28px #ffd70099}.floating-button.active{transform:rotate(90deg);background:linear-gradient(135deg,#f44,#f66);box-shadow:0 4px 20px #f446}.floating-badge{position:absolute;right:70px;bottom:15px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);color:gold;padding:10px 20px;border-radius:50px;font-weight:700;font-size:.875rem;white-space:nowrap;box-shadow:0 4px 16px #0000004d;border:2px solid gold;z-index:1001;animation:slideInBadge .5s ease,floatBadge 3s ease-in-out infinite;letter-spacing:.5px;text-transform:uppercase}@keyframes slideInBadge{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.floating-badge:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid gold;border-top:8px solid #0000;border-bottom:8px solid #0000}.contact-menu{position:absolute;bottom:80px;right:0;display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease}.contact-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.contact-item{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#1a1a1a;border:2px solid #2a2a2a;border-radius:50px;text-decoration:none;color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 4px 16px #0000004d;transition:all .3s ease;white-space:nowrap;animation:slideIn .3s ease forwards;animation-delay:calc(var(--item-index) * .05s);opacity:0;transform:translateX(20px)}@keyframes slideIn{to{opacity:1;transform:translateX(0)}}.contact-item:hover{transform:translateX(-8px);border-color:var(--item-color);box-shadow:0 6px 24px #0006;color:#fff}.contact-icon{font-size:1.25rem;color:var(--item-color);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.contact-label{color:#fff}.floating-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:-1;animation:fadeIn .3s ease;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{box-shadow:0 4px 20px #ffd70066}50%{box-shadow:0 4px 20px #ffd700cc,0 0 0 10px #ffd7001a}to{box-shadow:0 4px 20px #ffd70066}}.floating-button:not(.active){animation:pulse 2s infinite}@media (max-width:768px){.floating-contact{bottom:20px;right:20px}.floating-button{width:56px;height:56px;font-size:1.375rem}.floating-badge{right:66px;bottom:13px;padding:8px 16px;font-size:.8rem}.floating-badge:after{right:-7px;border-left-width:7px;border-top-width:7px;border-bottom-width:7px}.contact-menu{bottom:70px}.contact-item{padding:10px 16px;font-size:.875rem}.contact-icon{font-size:1.125rem}}@media (max-width:480px){.floating-contact{bottom:16px;right:16px}.floating-button{width:52px;height:52px;font-size:1.25rem}.floating-badge{right:62px;bottom:12px;padding:7px 14px;font-size:.75rem}.floating-badge:after{right:-6px;border-left-width:6px;border-top-width:6px;border-bottom-width:6px}.contact-item{padding:10px 14px;font-size:.8rem}}