:root{--bg:#080a13;--surface:rgba(18,22,38,.78);--surface2:rgba(255,255,255,.06);--line:rgba(255,255,255,.11);--text:#f7f8ff;--muted:#a4aac5;--primary:#9b7cff;--secondary:#37d6c1;--hot:#ffb347;--uc-accent:#8f7cff;color-scheme:dark}
html[data-theme]{--bg:#f5f7fc;--surface:rgba(255,255,255,.82);--surface2:rgba(27,36,62,.06);--line:rgba(27,36,62,.12);--text:#121626;--muted:#5e667f;--primary:#6752d5;--secondary:#0d988b;--hot:#c87a10;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh;overflow-x:hidden}.uc-ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.uc-ambient span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.24;animation:float 16s ease-in-out infinite}.uc-ambient span:nth-child(1){width:420px;height:420px;background:#6b4cff;left:-110px;top:80px}.uc-ambient span:nth-child(2){width:360px;height:360px;background:#12d6c4;right:-80px;top:340px;animation-delay:-5s}.uc-ambient span:nth-child(3){width:280px;height:280px;background:#ffad45;left:45%;bottom:-100px;animation-delay:-9s}@keyframes float{50%{transform:translate3d(35px,-25px,0) scale(1.08)}}
.uc-topbar,.uc-hero,.uc-dashboard,.uc-section,.uc-faq,.uc-footer{position:relative;z-index:1}.uc-topbar{max-width:1440px;margin:auto;padding:18px 30px;display:flex;align-items:center;justify-content:space-between}.uc-brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none}.uc-brand img{filter:drop-shadow(0 10px 22px rgba(111,82,255,.25))}.uc-brand span{display:grid}.uc-brand b{font-size:16px}.uc-brand small{font-size:11px;color:var(--muted)}.uc-topbar nav{display:flex;gap:24px}.uc-topbar nav a{color:var(--muted);text-decoration:none;font-size:14px}.uc-topbar nav a:hover{color:var(--text)}.uc-theme{border:1px solid var(--line);background:var(--surface2);color:var(--text);width:40px;height:40px;border-radius:12px;cursor:pointer}
.uc-hero{max-width:1060px;margin:30px auto 50px;padding:50px 24px 20px;text-align:center}.uc-eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);background:var(--surface2);padding:8px 14px;border-radius:999px;color:var(--muted);font-size:11px;letter-spacing:.14em}.uc-eyebrow span{color:var(--hot)}h1{font-size:clamp(46px,7vw,92px);line-height:.92;letter-spacing:-.055em;margin:22px 0 18px;font-weight:820}h1 em{font-style:normal;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.uc-lead{max-width:760px;margin:auto;color:var(--muted);font-size:18px;line-height:1.65}.uc-search-wrap{position:relative;max-width:820px;margin:30px auto 14px}.uc-search-box{display:flex;align-items:center;gap:14px;padding:7px 10px 7px 18px;border:1px solid var(--line);background:rgba(12,16,30,.7);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 70px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}html[data-theme] .uc-search-box{background:rgba(255,255,255,.8)}.uc-search-box>span{font-size:25px;color:var(--muted)}.uc-search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:17px}.uc-search-box input::placeholder{color:var(--muted)}.uc-search-box kbd{padding:7px 10px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:11px}.uc-search-results{position:absolute;left:0;right:0;top:calc(100% + 10px);padding:8px;border:1px solid var(--line);border-radius:17px;background:rgba(17,21,37,.96);backdrop-filter:blur(25px);box-shadow:0 28px 70px rgba(0,0,0,.3);text-align:left;z-index:20}.uc-search-item{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);padding:12px;border-radius:11px;text-align:left;cursor:pointer}.uc-search-item:hover{background:var(--surface2)}.uc-search-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#071019}.uc-search-item b,.uc-search-item small{display:block}.uc-search-item small{color:var(--muted);margin-top:2px}.uc-search-item kbd{color:var(--muted)}.uc-empty{padding:18px;color:var(--muted)}.uc-examples{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.uc-examples button{border:1px solid var(--line);background:var(--surface2);color:var(--muted);padding:8px 11px;border-radius:999px;cursor:pointer}.uc-examples button:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary),transparent 55%)}
.uc-dashboard{max-width:1420px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.uc-side,.uc-main{border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(24px);border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.18)}.uc-side{padding:16px}.uc-side-title{padding:12px 10px 16px}.uc-side-title span{color:var(--secondary);font-size:10px;letter-spacing:.15em}.uc-side-title b{display:block;margin-top:4px;font-size:18px}.uc-categories{display:grid;gap:7px;max-height:720px;overflow:auto;padding-right:4px}.uc-category{display:grid;grid-template-columns:40px 1fr;text-align:left;align-items:center;gap:10px;width:100%;border:1px solid transparent;background:transparent;color:var(--text);padding:10px;border-radius:14px;cursor:pointer}.uc-category:hover{background:var(--surface2);border-color:var(--line)}.uc-cat-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(155,124,255,.18),rgba(55,214,193,.16));font-size:19px}.uc-category b{font-size:12px}.uc-category small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.uc-main{padding:22px}.uc-studio-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.uc-studio-head>div{display:flex;align-items:center;gap:12px}.uc-glyph{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,var(--primary),var(--secondary));color:#071019;box-shadow:inset -8px -8px 20px rgba(0,0,0,.1),0 16px 34px rgba(103,82,213,.2)}.uc-studio-head h2{margin:0;font-size:25px}.uc-studio-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.uc-live{font-size:10px;color:var(--secondary);border:1px solid color-mix(in srgb,var(--secondary),transparent 75%);border-radius:999px;padding:7px 10px;white-space:nowrap}.uc-converter-card{border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,rgba(255,255,255,.07),transparent 55%);padding:18px}.uc-input-row{display:grid;grid-template-columns:1.1fr 1fr auto 1fr;gap:10px;align-items:end}.uc-field,.uc-select-field{display:grid;gap:6px}.uc-field label,.uc-select-field label,.uc-context-row label,.uc-result-label,.uc-formula span{font-size:9px;letter-spacing:.14em;color:var(--muted);font-weight:700}.uc-field input,.uc-select-field select,.uc-context-row input,.uc-context-row select{width:100%;border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:14px;border-radius:13px;outline:0;font-size:16px}.uc-field input:focus,.uc-select-field select:focus,.uc-context-row input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(155,124,255,.12)}.uc-swap{width:46px;height:46px;border-radius:14px;border:1px solid var(--line);background:var(--surface2);color:var(--text);cursor:pointer;font-size:21px}.uc-result-wrap{margin-top:18px;padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(155,124,255,.14),rgba(55,214,193,.08));display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.uc-result-wrap strong{display:block;font-size:clamp(38px,5vw,65px);line-height:1;letter-spacing:-.05em;margin-top:7px}.uc-result-wrap #ucOutputUnit{color:var(--secondary);font-size:14px;font-weight:700}.uc-result-actions{display:flex;gap:8px}.uc-result-actions button{border:1px solid var(--line);background:rgba(0,0,0,.12);color:var(--text);padding:10px 13px;border-radius:11px;cursor:pointer}.uc-formula{margin-top:13px;padding:14px;border:1px dashed var(--line);border-radius:14px}.uc-formula p{margin:6px 0 0;color:var(--muted);font-size:13px}.uc-context-row{display:flex;gap:12px;margin-top:13px;align-items:end}.uc-context-row label{display:grid;gap:6px;flex:1}.uc-context-row label:last-child{max-width:180px}.uc-context-row input,.uc-context-row select{padding:10px;font-size:13px}.uc-viz{margin-top:16px;border:1px solid var(--line);border-radius:17px;min-height:164px;overflow:hidden;background:radial-gradient(circle at 20% 30%,rgba(155,124,255,.12),transparent 40%),radial-gradient(circle at 80% 70%,rgba(55,214,193,.09),transparent 38%)}.uc-viz-stage{height:164px;display:flex;align-items:center;gap:30px;padding:20px}.uc-3d-cube{width:86px;height:86px;perspective:700px;position:relative;display:grid;place-items:center}.uc-3d-cube:before{content:"";position:absolute;inset:7px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));transform:rotateX(56deg) rotateZ(45deg);box-shadow:-15px 18px 28px rgba(0,0,0,.25);animation:spinCube 9s linear infinite}.uc-3d-cube span{position:relative;z-index:1;font-size:30px;color:#071019}@keyframes spinCube{to{transform:rotateX(56deg) rotateZ(405deg)}}.uc-meter{display:grid;gap:13px;flex:1}.uc-meter-row{display:grid;grid-template-columns:55px 1fr 90px;align-items:center;gap:10px;color:var(--muted);font-size:11px}.uc-meter-row>div{height:8px;border-radius:999px;background:var(--surface2);overflow:hidden}.uc-meter-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .5s ease}.uc-meter-row b{color:var(--text);text-align:right;font-size:12px}.uc-viz-placeholder{height:164px;display:grid;place-items:center;color:var(--muted);font-size:12px}.uc-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}.uc-mini-grid article{padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--surface2)}.uc-mini-grid article span{font-size:18px;color:var(--secondary)}.uc-mini-grid b{display:block;margin-top:7px;font-size:11px}.uc-mini-grid p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.5}
.uc-section,.uc-faq{max-width:1420px;margin:90px auto 0;padding:0 28px}.uc-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.uc-section-head span{font-size:10px;letter-spacing:.16em;color:var(--secondary);font-weight:700}.uc-section-head h2,.uc-faq h2{font-size:34px;letter-spacing:-.03em;margin:8px 0 0}.uc-section-head p{max-width:480px;color:var(--muted);font-size:14px;line-height:1.6}.uc-popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.uc-popular{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--text);padding:15px;border-radius:16px;cursor:pointer}.uc-popular:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary),transparent 45%)}.uc-popular i{color:var(--secondary);font-style:normal}.uc-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.uc-seo-grid article{padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.uc-seo-grid h3{margin:0 0 8px}.uc-seo-grid p{color:var(--muted);font-size:13px;line-height:1.6}.uc-faq details{border-bottom:1px solid var(--line);padding:18px 0}.uc-faq summary{cursor:pointer;font-weight:650}.uc-faq p{color:var(--muted);line-height:1.7;font-size:14px;max-width:820px}.uc-footer{max-width:1420px;margin:90px auto 0;padding:25px 28px 35px;display:flex;gap:20px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.uc-footer a{color:inherit;text-decoration:none}.uc-footer a:hover{color:var(--text)}
@media(max-width:1080px){.uc-dashboard{grid-template-columns:1fr}.uc-side{order:2}.uc-categories{grid-template-columns:repeat(2,1fr);max-height:none}.uc-popular-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.uc-topbar{padding:15px 16px}.uc-topbar nav{display:none}.uc-hero{padding:40px 16px 10px;margin-bottom:25px}.uc-lead{font-size:15px}.uc-dashboard,.uc-section,.uc-faq{padding:0 14px}.uc-input-row{grid-template-columns:1fr 1fr}.uc-swap{grid-column:1/-1;justify-self:center;transform:rotate(90deg)}.uc-result-wrap{display:grid}.uc-context-row{display:grid}.uc-context-row label:last-child{max-width:none}.uc-mini-grid{grid-template-columns:1fr 1fr}.uc-popular-grid,.uc-seo-grid{grid-template-columns:1fr}.uc-section-head{display:grid}.uc-viz-stage{padding:14px;gap:15px}.uc-meter-row{grid-template-columns:42px 1fr 70px}.uc-footer{padding-left:16px;padding-right:16px;flex-wrap:wrap}}

/* v2 fixes + premium 3D motion */
:root{--select-bg:#111629;--select-hover:#222b49;--glass-strong:rgba(13,18,34,.86)}
html[data-theme]{--select-bg:#ffffff;--select-hover:#eef1ff;--glass-strong:rgba(255,255,255,.94)}
.uc-select-field select,.uc-context-row select{appearance:auto;color:var(--text);background-color:var(--select-bg);color-scheme:dark}
html[data-theme] .uc-select-field select,html[data-theme] .uc-context-row select{color-scheme:light}
.uc-select-field select option,.uc-select-field select optgroup,.uc-context-row select option{background:var(--select-bg);color:var(--text)}
.uc-result-status{display:block;margin-top:7px;color:var(--muted);font-size:11px;min-height:15px}
.uc-result-status.is-live{color:var(--secondary)}
.uc-result-status.is-error{color:#ff8f9d}
.uc-result-status.is-loading{color:var(--hot)}
.uc-converter-card{position:relative;isolation:isolate;overflow:hidden}
.uc-converter-card:before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent 0deg,rgba(155,124,255,.10) 80deg,transparent 150deg,rgba(55,214,193,.10) 250deg,transparent 330deg);filter:blur(18px);animation:ucAurora 18s linear infinite;z-index:-1}
@keyframes ucAurora{to{transform:rotate(360deg)}}
.uc-studio-head{position:relative}
.uc-studio-head:after{content:"";position:absolute;right:0;top:-8px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(155,124,255,.18),transparent 70%);filter:blur(4px);animation:ucPulse 4s ease-in-out infinite}
@keyframes ucPulse{50%{transform:scale(1.2);opacity:.65}}
.uc-glyph{position:relative;overflow:hidden;transform:translateZ(0);transition:transform .35s ease}
.uc-glyph:before,.uc-glyph:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.35);border-radius:13px;transform:rotate(32deg);animation:ucGlyphRing 6s linear infinite}
.uc-glyph:after{inset:14px;transform:rotate(-28deg);animation-duration:4.5s;opacity:.55}
@keyframes ucGlyphRing{to{transform:rotate(392deg)}}
.uc-result-wrap{position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.12)}
.uc-result-wrap:after{content:"";position:absolute;inset:-50% -20%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.11) 48%,transparent 63%);transform:translateX(-55%);animation:ucShimmer 5s ease-in-out infinite;pointer-events:none}
@keyframes ucShimmer{60%,100%{transform:translateX(75%)}}
.uc-result-wrap strong{position:relative;z-index:1;display:inline-block;animation:ucNumberIn .45s cubic-bezier(.2,.8,.2,1)}
@keyframes ucNumberIn{from{opacity:.1;transform:translateY(12px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
.uc-result-actions,.uc-result-status{position:relative;z-index:2}
.uc-result-actions button{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.uc-result-actions button:hover{transform:translateY(-2px);border-color:rgba(155,124,255,.55);box-shadow:0 10px 25px rgba(0,0,0,.18)}
.uc-viz{position:relative;min-height:230px;background:radial-gradient(circle at 20% 20%,rgba(155,124,255,.18),transparent 34%),radial-gradient(circle at 84% 70%,rgba(55,214,193,.15),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.04),transparent)}
.uc-viz:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);animation:ucGrid 9s linear infinite}
@keyframes ucGrid{to{background-position:28px 28px}}
.uc-viz-stage{position:relative;height:230px;padding:22px;gap:32px;overflow:hidden;transform-style:preserve-3d}
.uc-3d-scene{width:150px;height:180px;position:relative;display:grid;place-items:center;perspective:900px;transform-style:preserve-3d;--rx:0deg;--ry:0deg;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .22s ease-out;flex:0 0 150px}
.uc-3d-core{width:78px;height:78px;border-radius:22px;position:relative;display:grid;place-items:center;transform-style:preserve-3d;animation:ucFloat 4.6s ease-in-out infinite}
.uc-3d-core:before{content:"";position:absolute;inset:-8px;border-radius:25px;background:linear-gradient(145deg,var(--primary),var(--secondary));transform:translateZ(12px) rotateX(55deg) rotateZ(45deg);box-shadow:0 28px 50px rgba(0,0,0,.28),inset -10px -10px 20px rgba(0,0,0,.14)}
.uc-3d-core:after{content:"";position:absolute;inset:-24px;border:2px solid rgba(255,255,255,.20);border-left-color:var(--secondary);border-radius:50%;transform:rotateX(70deg) rotateZ(18deg);animation:ucOrbit 7s linear infinite}
.uc-3d-core span{position:relative;z-index:2;color:#071019;font-size:30px;filter:drop-shadow(0 4px 6px rgba(255,255,255,.16))}
.uc-3d-ring{position:absolute;width:116px;height:116px;border:1px solid rgba(155,124,255,.38);border-radius:50%;transform:rotateX(72deg);animation:ucRing 10s linear infinite}
.uc-3d-ring:nth-child(2){width:142px;height:142px;border-color:rgba(55,214,193,.28);transform:rotateY(72deg) rotateZ(25deg);animation-duration:13s}
.uc-3d-orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--hot);box-shadow:0 0 18px var(--hot);animation:ucDot 5s linear infinite}
@keyframes ucFloat{50%{transform:translateY(-8px) rotateZ(4deg)}}
@keyframes ucOrbit{to{transform:rotateX(70deg) rotateZ(378deg)}}
@keyframes ucRing{to{transform:rotateX(72deg) rotateZ(360deg)}}
@keyframes ucDot{from{transform:rotate(0deg) translateX(64px) rotate(0deg)}to{transform:rotate(360deg) translateX(64px) rotate(-360deg)}}
.uc-meter{position:relative;z-index:2}
.uc-meter-row>div{box-shadow:inset 0 1px rgba(255,255,255,.05)}
.uc-meter-row i{position:relative;overflow:hidden;box-shadow:0 0 18px rgba(55,214,193,.18)}
.uc-meter-row i:after{content:"";position:absolute;top:0;right:0;width:55px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:ucMeterShine 2.2s linear infinite}
@keyframes ucMeterShine{from{transform:translateX(30px)}to{transform:translateX(-80px)}}.uc-viz-caption{display:flex;align-items:center;gap:9px;margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:.12em}.uc-viz-caption i{height:1px;flex:1;background:linear-gradient(90deg,var(--primary),var(--secondary));position:relative}.uc-viz-caption i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--secondary);box-shadow:0 0 10px var(--secondary)}.uc-viz-caption b{margin-left:auto;color:var(--text);letter-spacing:0;font-size:11px}
.uc-category,.uc-popular,.uc-mini-grid article{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease}
.uc-category:hover,.uc-popular:hover,.uc-mini-grid article:hover{transform:translateY(-4px)}
.uc-category:hover{box-shadow:0 14px 30px rgba(0,0,0,.12)}
.uc-search-box{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.uc-search-box:focus-within{transform:translateY(-2px);border-color:rgba(155,124,255,.50);box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 0 5px rgba(155,124,255,.08)}
.uc-examples button{transition:transform .25s ease,box-shadow .25s ease}
.uc-examples button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.13)}
.uc-live{animation:ucLivePulse 2.4s ease-in-out infinite}
@keyframes ucLivePulse{50%{box-shadow:0 0 0 6px rgba(55,214,193,.04)}}
@media(max-width:760px){.uc-viz{min-height:300px}.uc-viz-stage{height:300px;display:grid;grid-template-columns:1fr;justify-items:center;gap:5px;padding-top:10px}.uc-3d-scene{height:135px;width:150px;flex-basis:auto}.uc-meter{width:100%}.uc-select-field select,.uc-context-row select{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.uc-hero{overflow:hidden}
.uc-hero-3d{position:absolute;width:380px;height:320px;left:50%;top:-36px;transform:translateX(-50%);perspective:900px;pointer-events:none;opacity:.5;filter:drop-shadow(0 40px 70px rgba(0,0,0,.25));z-index:0}.uc-hero > *:not(.uc-hero-3d){position:relative;z-index:1}
.uc-hero-ring{position:absolute;left:50%;top:50%;width:230px;height:230px;margin:-115px;border:1px solid rgba(155,124,255,.28);border-radius:50%;transform-style:preserve-3d;animation:heroOrbit 12s linear infinite}
.uc-hero-ring.r2{width:290px;height:290px;margin:-145px;border-color:rgba(55,214,193,.20);transform:rotateX(70deg) rotateZ(28deg);animation-duration:15s}
.uc-hero-ring.r3{width:180px;height:180px;margin:-90px;border-color:rgba(255,179,71,.16);transform:rotateY(70deg) rotateZ(-18deg);animation-duration:9s}
.uc-hero-core{position:absolute;left:50%;top:50%;width:74px;height:74px;margin:-37px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,rgba(155,124,255,.92),rgba(55,214,193,.88));color:#071019;font-size:30px;box-shadow:0 25px 50px rgba(0,0,0,.25),inset -10px -10px 18px rgba(0,0,0,.12);animation:heroCoreFloat 4s ease-in-out infinite}
.uc-hero-core:before{content:"";position:absolute;inset:-10px;border:1px solid rgba(255,255,255,.28);border-radius:27px;transform:rotate(18deg);animation:heroSquare 6s linear infinite}
.uc-hero-3d .p{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--secondary);box-shadow:0 0 18px var(--secondary);animation:heroParticle 5s linear infinite}
.uc-hero-3d .p1{left:18%;top:35%;animation-delay:-1s}.uc-hero-3d .p2{left:78%;top:32%;background:var(--primary);box-shadow:0 0 18px var(--primary);animation-delay:-3s}.uc-hero-3d .p3{left:72%;top:72%;background:var(--hot);box-shadow:0 0 18px var(--hot);animation-delay:-2s}.uc-hero-3d .p4{left:28%;top:73%;animation-delay:-4s}
@keyframes heroOrbit{to{transform:rotateZ(360deg) rotateX(64deg)}}
@keyframes heroCoreFloat{50%{transform:translateY(-8px) rotateY(10deg) rotateZ(2deg)}}
@keyframes heroSquare{to{transform:rotate(378deg)}}
@keyframes heroParticle{0%{transform:translate3d(0,0,0) scale(.7)}50%{transform:translate3d(24px,-18px,25px) scale(1.35)}100%{transform:translate3d(0,0,0) scale(.7)}}
.uc-category:hover .uc-cat-icon{transform:rotateX(12deg) rotateY(-16deg) translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.15)}
.uc-cat-icon{transform-style:preserve-3d;perspective:500px;transition:transform .3s ease,box-shadow .3s ease}
.uc-popular{transform-style:preserve-3d;perspective:600px}
.uc-popular:hover{transform:translateY(-4px) rotateX(2deg) rotateY(-1deg)}