.uc-container{background:linear-gradient(135deg,#f8fafc 0%,#e0e7ef 100%);flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:100vh;display:flex}.uc-title{text-align:center;color:#22223b;margin:0;font-size:2.5rem;font-weight:700;line-height:1.2}.uc-desc{color:#4a4e69;text-align:center;margin:0;font-size:1.2rem}.animated-string{background:linear-gradient(90deg,#9f86c0,#f72585,#4361ee,#4cc9f0) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite alternate string-gradient;display:block}@keyframes string-gradient{0%{background-position:0%}to{background-position:100%}}.knitting-animation{flex-direction:column;justify-content:flex-end;align-items:center;height:160px;margin-bottom:1rem;display:flex}svg{display:block}.yarn-ball-left{fill:#f72585;stroke:#b5179e;stroke-width:3px;filter:drop-shadow(0 2px 8px rgba(181,23,158,.2));animation:1.5s cubic-bezier(.68,-.55,.27,1.55) infinite yarn-bounce}.yarn-ball-right{fill:#4cc9f0;stroke:#4361ee;stroke-width:3px;filter:drop-shadow(0 2px 8px rgba(67,97,238,.2));animation:1.5s cubic-bezier(.68,-.55,.27,1.55) .3s infinite yarn-bounce}.needle{fill:#b0b0b0;stroke:#888;stroke-width:1.5px;filter:drop-shadow(0 1px 2px rgba(136,136,136,.133))}.stitch{fill:none;stroke:#f72585;stroke-width:4px;stroke-dasharray:60 60;stroke-dashoffset:60px;animation:2s linear infinite alternate knit-stitch}.stitch:nth-child(2){stroke:#4cc9f0;animation-delay:.5s}.stitch:nth-child(3){stroke:#b5179e;animation-delay:1s}@keyframes knit-stitch{0%{stroke-dashoffset:60px;opacity:.2}40%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.knit-thread{background:linear-gradient(#b5179e 0%,#f72585 100%);border-radius:2px;width:4px;height:40px;margin-top:-10px;animation:2s linear infinite alternate thread-move}@keyframes thread-move{0%{opacity:.7;height:40px}to{opacity:1;height:70px}}.yarn-ball{background:radial-gradient(circle at 30% 30%,#f72585 70%,#b5179e 100%);border-radius:50%;width:60px;height:60px;animation:1.5s cubic-bezier(.68,-.55,.27,1.55) infinite yarn-bounce;position:relative;box-shadow:0 4px 24px rgba(181,23,158,.2)}@keyframes yarn-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.yarn-string{background:linear-gradient(#b5179e 0%,#f72585 100%);border-radius:2px;width:4px;height:40px;animation:1.5s cubic-bezier(.68,-.55,.27,1.55) infinite string-swing;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}@keyframes string-swing{0%,to{transform:translate(-50%)rotate(-10deg)}50%{transform:translate(-50%)rotate(10deg)}}