.text-rotate{white-space:pre-wrap;flex-wrap:wrap;display:inline-flex;position:relative}.text-rotate-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-rotate-word{display:inline-flex}.text-rotate-lines{flex-direction:column;width:100%;display:inline-flex}.text-rotate-element{display:inline-block}.text-rotate-space{white-space:pre}
.shuffle-parent{visibility:hidden;display:inline-block}.shuffle-parent.is-ready{visibility:visible}.shuffle-char,.shuffle-word,.shuffle-line{white-space:nowrap;display:inline-block}
.demo-container{width:100%;max-width:340px;position:relative}.demo-tabs{background:#1a1a2e0f;border-radius:999px;margin-bottom:20px;padding:4px;display:inline-flex}.demo-tab{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;transition:background .28s cubic-bezier(.23,1,.32,1),color .28s cubic-bezier(.23,1,.32,1),box-shadow .28s cubic-bezier(.23,1,.32,1);display:flex}.demo-tab.active{color:#1a1a2e;background:#fff;font-weight:600;box-shadow:0 2px 8px #1a1a2e14,inset 0 1px #ffffffe6}.demo-card{background:linear-gradient(#ffffff1a 0%,#ffffff0d 50%,#ffffff1a 100%);border:2px solid #1e3a8a;border-radius:20px;flex-direction:column;height:560px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #fff3,0 0 16px #ffffff4d,0 20px 60px -15px #1a1a2e33}.demo-card-chat{-webkit-backdrop-filter:saturate(180%)blur(40px);background:#ffffff8c;border-color:#ffffff80;box-shadow:0 10px 40px -10px #00000026,0 2px 6px #0000000f,inset 0 1px #ffffffb3}.chat-area{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.chat-bubble{border-radius:16px;max-width:78%;padding:10px 14px;font-size:13px;line-height:1.5}.chat-bubble.employer{color:#fff;background:#4a8fe7;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble.worker{color:#1a1a2e;background:#f0f0f5;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.system{color:#4a8fe7;text-align:center;background:#4a8fe71a;border-radius:999px;align-self:center;padding:6px 16px;font-size:11px;font-weight:600}.chat-time{color:#9ca3af;margin-top:3px;font-size:10px}.chat-time.right{text-align:right}.discover-screen{flex-direction:column;flex:1;padding:0;display:flex;position:relative}.discover-search{color:#9ca3af;background:#00000008;border:1px solid #0000000a;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:9px 14px;font-size:13px;transition:border-color .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1);display:flex}.discover-search.focused{border-color:#4a8fe766;box-shadow:0 0 0 4px #4a8fe71a}.job-card-mock{background:#fff;border:1px solid #0000000d;border-radius:16px;flex-direction:column;flex:1;padding:18px;display:flex;position:relative;box-shadow:0 8px 24px -8px #1a1a2e1f}.job-card-mock h4{color:#1a1a2e;margin:0 0 2px;font-size:17px;font-weight:600}.job-card-mock .company{color:#6b7280;margin:0 0 10px;font-size:13px}.job-card-mock .overview{color:#4b5563;margin:0 0 12px;font-size:12.5px;line-height:1.55}.job-card-mock .pay{color:#16a34a;margin:0 0 10px;font-size:14px;font-weight:600}.job-card-mock .skills-row{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.job-card-mock .skill-chip{color:#4a8fe7;background:#4a8fe71a;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:600}.job-card-mock .avail-row{gap:4px;display:flex}.job-card-mock .avail-day{border-radius:6px;justify-content:center;align-items:center;width:28px;height:24px;font-size:9px;font-weight:600;display:flex}.job-card-mock .avail-day.on{color:#4a8fe7;background:#4a8fe71f}.job-card-mock .avail-day.off{color:#d1d5db;background:#00000008}.match-toast-inner{-webkit-backdrop-filter:blur(6px);z-index:10;background:#ffffffd9;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.match-toast-inner h3{color:#4a8fe7;text-align:center;margin:0;font-size:28px;font-weight:600}.swipe-icon-pulse{z-index:5;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.swipe-icon-pulse.left{background:#ef44441f;left:-20px}.swipe-icon-pulse.right{background:#22c55e1f;right:-20px}.demo-hover-toast{-webkit-backdrop-filter:saturate(180%)blur(16px);z-index:20;pointer-events:none;background:#fffffff5;border:1px solid #1a1a2e0a;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 12px 32px -10px #1a1a2e33}.demo-hover-toast img{flex-shrink:0;width:24px;height:24px}.demo-hover-toast p{color:#4b5563;margin:0;font-size:11.5px;line-height:1.5}.search-suggestion{background:#fff;border:1px solid #0000000a;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;display:flex;box-shadow:0 8px 24px -8px #1a1a2e1a}.search-suggestion .left{color:#1a1a2e;font-size:13px;font-weight:500}.search-suggestion .meta{color:#9ca3af;font-size:11px}@media (prefers-reduced-motion:reduce){.chat-bubble,.job-card-mock,.demo-hover-toast,.match-toast-inner{transition:none!important;animation:none!important}}