.referral-hero{align-items:flex-start;background:linear-gradient(135deg,#063657,#0b5a8f);border-radius:16px;box-shadow:0 12px 28px #04253f47;display:flex;flex-direction:column;gap:16px;padding:20px}.referral-hero-copy{max-width:620px;min-width:0}.referral-hero .referral-hero-title{color:#fff;font-size:clamp(34px,9vw,38px);font-weight:800;letter-spacing:-.025em;line-height:1.12;overflow-wrap:break-word}.referral-hero .referral-guide-button{animation:referral-guide-shimmer 3.5s ease-in-out infinite;background:linear-gradient(#063657,#063657) padding-box,linear-gradient(110deg,#419bff,#56e7ee,#52df9b,#419bff) border-box;background-size:100% 100%,300% 100%;border:2px solid #0000;border-radius:999px;color:#fff;flex-shrink:0;font-weight:700;min-height:44px;padding:9px 20px;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.referral-hero .referral-guide-button:hover{background-image:linear-gradient(#0a4770,#0a4770),linear-gradient(110deg,#75b7ff,#8af6ff,#86efb7,#75b7ff);border-color:#0000}.referral-hero .referral-guide-button:active{transform:scale(.97)}.referral-hero .referral-guide-button:focus-visible{outline:3px solid #fff;outline-offset:4px}@keyframes referral-guide-shimmer{0%,to{background-position:0 0,0 50%;box-shadow:0 0 5px #56e7ee1f}50%{background-position:0 0,100% 50%;box-shadow:0 0 10px #56e7ee47}}@media (min-width:768px){.referral-hero{align-items:center;flex-direction:row;gap:24px;justify-content:space-between;padding:24px}.referral-hero .referral-hero-title{font-size:clamp(42px,4.5vw,48px)}}@media (prefers-reduced-motion:reduce){.referral-hero .referral-guide-button{animation:none;transition:none}.referral-hero .referral-guide-button:active{transform:none}}.flip-countdown{display:flex;gap:12px;justify-content:center}.flip-unit{text-align:center}.label{color:#fff;font-size:12px;margin-top:4px}.card{background:#0f2d4d;border:1px solid #1e3a5f;border-radius:6px;height:70px;overflow:hidden;perspective:500px;position:relative;width:60px}.card-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#ffb300;display:flex;font-size:36px;font-weight:700;height:100%;justify-content:center;position:absolute;width:100%}.card-front{transform:rotateX(0deg)}.card-back{transform:rotateX(180deg)}.card.flip .card-front{animation:flipFront .6s forwards}.card.flip .card-back{animation:flipBack .6s forwards}@keyframes flipFront{0%{transform:rotateX(0deg)}to{transform:rotateX(-180deg)}}@keyframes flipBack{0%{transform:rotateX(180deg)}to{transform:rotateX(0deg)}}
/*# sourceMappingURL=main.74505edc.css.map*/