:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #b0b6cc;--art-gray-400-rgb: 176, 182, 204;--art-gray-500: #8891a8;--art-gray-500-rgb: 136, 145, 168;--art-gray-600: #6b7590;--art-gray-600-rgb: 107, 117, 144;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #8891a8;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #b0b6cc;--art-text-gray-500: #8891a8;--art-text-gray-600: #6b7590;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #545662;--art-gray-400-rgb: 84, 86, 98;--art-gray-500: #7a7c88;--art-gray-500-rgb: 122, 124, 136;--art-gray-600: #9a9cae;--art-gray-600-rgb: 154, 156, 174;--art-gray-700: #b5b7c8;--art-gray-700-rgb: 181, 183, 200;--art-gray-800: #d0d2e0;--art-gray-800-rgb: 208, 210, 224;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #8b8d9a;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #545662;--art-text-gray-500: #7a7c88;--art-text-gray-600: #9a9cae;--art-text-gray-700: #b5b7c8;--art-text-gray-800: #d0d2e0;--art-text-gray-900: #f5f5f5;--art-border-color: #363843;--art-border-dashed-color: #464852;--art-root-card-border-color: #2a2b35;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100{background-color:rgb(var(--art-grey100))!important}.bg-grey200{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor{background-color:rgb(var(--art-hoverColor))!important}.text-primary{color:rgb(var(--art-primary))!important}.text-secondary{color:rgb(var(--art-secondary))!important}.text-error{color:rgb(var(--art-error))!important}.text-danger{color:rgb(var(--art-danger))!important}.text-info{color:rgb(var(--art-info))!important}.text-success{color:rgb(var(--art-success))!important}.text-warning{color:rgb(var(--art-warning))!important}.animalsculpture-welcome{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e8f4fc,#e0f2fe);color:#0f172a;position:relative;overflow-x:hidden}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.particle{position:absolute;bottom:-20px;background:radial-gradient(circle,rgba(14,165,233,.6),rgba(14,165,233,.1));border-radius:50%;animation:rise-91ac434f linear infinite}@keyframes rise-91ac434f{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.glow-orbs{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.glow-orbs .orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.5;animation:float-91ac434f 20s ease-in-out infinite}.glow-orbs .orb-1{width:700px;height:700px;background:radial-gradient(circle,#38bdf8 0%,transparent 70%);top:-250px;left:-250px}.glow-orbs .orb-2{width:550px;height:550px;background:radial-gradient(circle,#7dd3fc 0%,transparent 70%);right:-200px;top:15%;animation-delay:6s}.glow-orbs .orb-3{width:480px;height:480px;background:radial-gradient(circle,#bae6fd 0%,transparent 70%);left:25%;bottom:-180px;animation-delay:12s}.glow-orbs .orb-4{width:400px;height:400px;background:radial-gradient(circle,#a5f3fc 0%,transparent 70%);right:20%;top:60%;animation-delay:18s}@keyframes float-91ac434f{0%,to{transform:translate(0) scale(1)}50%{transform:translate(80px,-80px) scale(1.15)}}.hero{position:relative;z-index:1;padding:96px 20px 48px}.hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.title .t1{display:block;color:#0f172a;text-shadow:0 2px 4px rgba(0,0,0,.05)}.title .t2{display:block;background:linear-gradient(135deg,#0284c7,#0ea5e9 40%,#38bdf8,#7dd3fc);background-size:200% 200%;animation:gradientFlow-91ac434f 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes gradientFlow-91ac434f{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid rgba(14,165,233,.35);background:linear-gradient(135deg,rgba(224,242,254,.8),rgba(186,230,253,.6));color:#0369a1;border-radius:999px;font-weight:600;font-size:14px;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(14,165,233,.15)}.badge-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 0 8px rgba(14,165,233,.5);animation:dotPulse-91ac434f 2s ease-in-out infinite}@keyframes dotPulse-91ac434f{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.badge-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translate(-100%);animation:shimmer-91ac434f 3s infinite}@keyframes shimmer-91ac434f{0%{transform:translate(-100%)}to{transform:translate(100%)}}.subtitle{font-size:16px;line-height:1.9;color:#334155;margin-top:12px}.highlight-text{background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(139,92,246,.15));padding:2px 8px;border-radius:6px;font-weight:600}.dimension{font-weight:600;padding:1px 4px;border-radius:4px}.owl-dim{color:#2e7d32}.lion-dim{color:#ef6c00}.bear-dim{color:#6d4c41}.eagle-dim{color:#1565c0}.cta-group{display:flex;flex-direction:column;gap:12px;margin-top:28px;width:100%;align-items:stretch}.cta-group .el-button{width:100%!important;display:flex!important;justify-content:center!important;flex-shrink:0!important;margin-left:0!important;margin-right:0!important}.cta{padding:18px 40px!important;font-size:18px;font-weight:700;border:none;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#0284c7,#0369a1);box-shadow:0 8px 30px rgba(14,165,233,.4),0 2px 10px rgba(14,165,233,.2);position:relative;overflow:hidden;transition:all .3s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(14,165,233,.5),0 4px 15px rgba(14,165,233,.3)}.cta-content{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.cta-icon{font-size:18px;transition:transform .3s ease}.cta:hover .cta-icon{transform:translate(4px)}.cta-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:ctaShine-91ac434f 2.5s infinite}@keyframes ctaShine-91ac434f{0%{left:-100%}to{left:100%}}.ghost{padding:16px 28px!important;font-size:16px;font-weight:600;border-radius:999px;border:2px solid rgba(15,23,42,.12)!important;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);color:#334155;transition:all .3s ease}.ghost:hover{background:rgba(255,255,255,.9);border-color:rgba(14,165,233,.3)!important;color:#0284c7}.ghost-icon{font-size:16px;margin-right:6px;transition:transform .3s ease}.ghost:hover .ghost-icon{transform:scale(1.1)}.metrics{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.m-card{position:relative;display:flex;align-items:center;gap:12px;padding:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-radius:18px;border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 20px rgba(0,0,0,.04),0 1px 4px rgba(0,0,0,.02);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:cardSlideIn-91ac434f .6s ease-out backwards;animation-delay:var(--delay)}@keyframes cardSlideIn-91ac434f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.m-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-accent),transparent);opacity:.9}.m-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 40px var(--card-glow),0 6px 16px rgba(0,0,0,.08);border-color:var(--card-accent)}.m-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg)}.m-card:hover .m-shine{animation:cardShine-91ac434f .6s ease-out}@keyframes cardShine-91ac434f{0%{left:-100%}to{left:150%}}.m-icon-wrap{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--card-glow);border-radius:14px;flex-shrink:0;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.m-card:hover .m-icon-wrap{transform:scale(1.15) rotate(-8deg);box-shadow:0 4px 12px var(--card-glow)}.m-icon{font-size:24px;color:var(--card-accent);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.m-content{flex:1;min-width:0}.m-value{font-size:17px;font-weight:800;color:#0f172a;letter-spacing:-.02em;line-height:1.2}.m-label{font-size:12px;color:#64748b;margin-top:3px;font-weight:500}.hero-right{display:flex;justify-content:center;position:relative}.totem-ring{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.ring-outer{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;width:calc(100% + 40px);height:calc(100% + 40px);animation:spin-91ac434f 90s linear infinite;opacity:.8}.ring-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:spin-91ac434f 60s linear infinite}.connection-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:pulse-lines-91ac434f 3s ease-in-out infinite}@keyframes pulse-lines-91ac434f{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin-91ac434f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.totem-ring .center{position:absolute;z-index:2;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e0f2fe);box-shadow:0 0 40px rgba(14,165,233,.3),0 0 80px rgba(14,165,233,.1),inset 0 0 25px rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.7);animation:pulse-center-91ac434f 3s ease-in-out infinite}.center-ring{position:absolute;width:140px;height:140px;border-radius:50%;border:2px solid rgba(14,165,233,.2);animation:expandRing-91ac434f 3s ease-out infinite}.center-ring.ring-2{animation-delay:1.5s}@keyframes expandRing-91ac434f{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes pulse-center-91ac434f{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.totem-ring .center .c-icon{width:40px;height:40px;margin-bottom:4px;animation:iconGlow-91ac434f 3s ease-in-out infinite}.totem-ring .center .c-icon svg{width:100%;height:100%}@keyframes iconGlow-91ac434f{0%,to{filter:drop-shadow(0 0 6px rgba(14,165,233,.3));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(14,165,233,.5));transform:scale(1.05)}}.totem-ring .center .c-text{font-size:13px;font-weight:700;color:#0284c7;letter-spacing:1px}.totem-ring .totem{position:absolute;width:100px;height:100px;border-radius:20px;background:var(--t-bg);border:2px solid rgba(255,255,255,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.08),0 0 0 1px rgba(255,255,255,.5);transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:default;animation:totemFloat-91ac434f 4s ease-in-out infinite,totemAppear-91ac434f .8s ease-out backwards;animation-delay:var(--delay),var(--delay)}@keyframes totemFloat-91ac434f{0%,to{transform:translate(var(--tx, 0),var(--ty, 0))}50%{transform:translate(var(--tx, 0),calc(var(--ty, 0) - 8px))}}@keyframes totemAppear-91ac434f{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.totem-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:30px;background:radial-gradient(circle,var(--t-glow),transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.totem-ring .totem:hover .totem-glow{opacity:1}.totem-ring .totem:hover{transform:scale(1.18)!important;z-index:10;box-shadow:0 16px 40px rgba(0,0,0,.12),0 0 20px var(--t-glow)}.totem-ring .totem .emoji{font-size:38px;margin-bottom:4px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.08));transition:transform .3s ease}.totem-ring .totem:hover .emoji{transform:scale(1.1)}.totem-ring .totem .info{text-align:center;line-height:1.2}.totem-ring .totem .name{font-weight:800;font-size:14px;color:var(--t-color)}.totem-ring .totem .trait{font-size:11px;font-weight:600;opacity:.8;color:var(--t-color);margin-top:2px}.totem-ring .pos-0{--tx: -50%;--ty: 10px;top:0;left:50%;transform:translate(-50%,10px)}.totem-ring .pos-1{--tx: 10px;--ty: -50%;left:0;top:50%;transform:translate(10px,-50%)}.totem-ring .pos-2{--tx: -10px;--ty: -50%;right:0;top:50%;transform:translate(-10px,-50%)}.totem-ring .pos-3{--tx: -50%;--ty: -10px;bottom:0;left:50%;transform:translate(-50%,-10px)}.section-title{font-size:32px;font-weight:800;text-align:center;margin:0 0 16px;background:linear-gradient(135deg,#0369a1,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid-section{position:relative;z-index:1;padding:56px 0}.legend{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.legend .tag{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.8);font-weight:600}.legend .owl{color:#2e7d32}.legend .lion{color:#ef6c00}.legend .bear{color:#6d4c41}.legend .eagle{color:#1565c0}.totem-grid .group{background:transparent;border:none;box-shadow:none;padding:0;margin-bottom:32px}.group-title{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;background:rgba(255,255,255,.6);backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 6px rgba(0,0,0,.02)}.group-title .label{font-weight:700;color:#334155;font-size:15px}.group-title .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.group-title .dot.owl{background:#2e7d32;box-shadow:0 0 0 2px rgba(46,125,50,.2)}.group-title .dot.lion{background:#ef6c00;box-shadow:0 0 0 2px rgba(239,108,0,.2)}.group-title .dot.bear{background:#6d4c41;box-shadow:0 0 0 2px rgba(109,76,65,.2)}.group-title .dot.eagle{background:#1565c0;box-shadow:0 0 0 2px rgba(21,101,192,.2)}.items{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:rgba(255,255,255,.9);border:none;border-radius:16px;padding:20px 12px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.03)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--s-color);opacity:.8}.card.owl{--s-color: #2e7d32;--s-bg: rgba(46, 125, 50, .08)}.card.lion{--s-color: #ef6c00;--s-bg: rgba(239, 108, 0, .08)}.card.bear{--s-color: #6d4c41;--s-bg: rgba(109, 76, 65, .08)}.card.eagle{--s-color: #1565c0;--s-bg: rgba(21, 101, 192, .08)}.card:hover{transform:translateY(-6px);box-shadow:0 12px 24px -4px rgba(0,0,0,.1);background:#fff}.card .c-emoji-bg{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:var(--s-bg);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.card:hover .c-emoji-bg{transform:scale(1.1)}.card .c-emoji{font-size:32px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.05))}.card .c-name{font-weight:700;font-size:15px;color:#0f172a;margin-bottom:2px}.card .c-title{font-size:12px;color:#64748b;font-weight:500}.flair-section{position:relative;z-index:1;padding:40px 0 60px}.flair-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 968px){.flair-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 520px){.flair-grid{grid-template-columns:1fr}}.flair-card{background:rgba(255,255,255,.85);border:1px solid #fff;border-radius:20px;padding:24px 20px;text-align:center;box-shadow:0 10px 30px -5px rgba(14,165,233,.1);transition:all .3s ease;position:relative}.flair-card:hover{transform:translateY(-6px);background:#fff;box-shadow:0 20px 40px -5px rgba(14,165,233,.2)}.flair-card .f-emoji{font-size:42px;margin-bottom:12px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s}.flair-card:hover .f-emoji{transform:scale(1.1) rotate(5deg)}.flair-card .f-name{font-weight:800;font-size:16px;color:#0f172a;margin-bottom:4px}.flair-card .f-title{font-size:12px;color:#0284c7;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:rgba(14,165,233,.1);padding:2px 8px;border-radius:10px;display:inline-block;margin-bottom:8px}.flair-card .f-desc{font-size:13px;color:#64748b;line-height:1.5}.how{position:relative;z-index:1;padding:40px 0 80px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.6))}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px;position:relative}.steps:before{content:"";position:absolute;top:24px;left:16%;right:16%;height:2px;background:repeating-linear-gradient(90deg,#cbd5e1 0 6px,transparent 6px 12px);z-index:0}@media (max-width: 968px){.steps:before{display:none}}.step{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:32px 20px;text-align:center;box-shadow:0 10px 25px -5px rgba(0,0,0,.05);position:relative;z-index:1;transition:transform .3s}.step:hover{transform:translateY(-4px);box-shadow:0 15px 30px -5px rgba(0,0,0,.08)}.step .s-num{width:48px;height:48px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-weight:800;font-size:20px;box-shadow:0 4px 12px rgba(14,165,233,.4);border:4px solid #fff}.step .s-title{font-weight:700;color:#0f172a;font-size:18px;margin-bottom:8px}.step .s-desc{color:#64748b;font-size:14px;line-height:1.6}.cta-row{text-align:center;margin:12px 0 8px} .auth-dialog .el-dialog{background:transparent;box-shadow:none;padding:0} .auth-dialog .el-dialog__header{display:none} .auth-dialog .el-dialog__body{padding:0} .auth-dialog .el-dialog__footer{display:none}.auth-card{background:linear-gradient(180deg,#f0f9ff,#fff);border-radius:24px;padding:0 32px 32px;position:relative;box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 0 0 1px rgba(14,165,233,.1);overflow:hidden}.auth-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.05);color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.auth-close:hover{background:rgba(0,0,0,.1);color:#0f172a;transform:rotate(90deg)}.auth-decoration{position:relative;height:80px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:8px}.auth-circle{position:absolute;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,rgba(14,165,233,.15),rgba(56,189,248,.1));top:-40px;animation:float-gentle-91ac434f 6s ease-in-out infinite}.auth-circle.c2{width:80px;height:80px;top:-20px;background:linear-gradient(135deg,rgba(14,165,233,.1),rgba(186,230,253,.2));animation-delay:-3s}@keyframes float-gentle-91ac434f{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.auth-icon-wrap{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#0ea5e9,#0284c7);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(14,165,233,.35);position:relative;z-index:1}.auth-icon{font-size:28px;color:#fff}.auth-header{text-align:center;margin-bottom:24px}.auth-header h3{font-size:22px;font-weight:700;color:#0f172a;margin:16px 0 8px}.auth-header p{font-size:14px;color:#64748b;margin:0}.auth-input-area{margin-bottom:24px}.code-input-wrapper{position:relative}.code-input .el-input__wrapper{border-radius:16px;padding:16px 20px;box-shadow:0 0 0 1px rgba(14,165,233,.2),0 4px 12px rgba(0,0,0,.04);transition:all .3s ease}.code-input .el-input__wrapper:hover{box-shadow:0 0 0 1px rgba(14,165,233,.4),0 4px 16px rgba(14,165,233,.1)}.code-input .el-input__wrapper.is-focus{box-shadow:0 0 0 2px rgba(14,165,233,.3),0 8px 24px rgba(14,165,233,.15)}.code-input .el-input__inner{text-align:center;letter-spacing:8px;font-size:20px;font-weight:700;color:#0284c7}.code-input .el-input__inner::placeholder{letter-spacing:0;font-size:15px;font-weight:400;color:#94a3b8}.code-progress{display:flex;justify-content:center;gap:8px;margin-top:16px}.code-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.code-dot.filled{background:linear-gradient(135deg,#0ea5e9,#0284c7);transform:scale(1.1);box-shadow:0 2px 8px rgba(14,165,233,.4)}.code-dot.current{animation:dotPulse-91ac434f 1s ease-in-out infinite}.input-status{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-size:13px}.status-warning{color:#f59e0b;display:flex;align-items:center;gap:4px}.status-success{color:#10b981;display:flex;align-items:center;gap:4px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.auth-actions{margin-bottom:20px}.auth-submit{width:100%;height:52px;border-radius:16px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;box-shadow:0 8px 24px rgba(14,165,233,.35);transition:all .3s ease}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(14,165,233,.45)}.auth-submit:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8}.auth-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#94a3b8}@media (max-width: 968px){.hero{padding:40px 20px}.hero-inner{grid-template-columns:1fr;gap:40px}.title{font-size:42px}.totem-ring{width:340px;height:340px}.totem-ring .totem{width:90px;height:90px;border-radius:16px}.totem-ring .totem .emoji{font-size:32px}.totem-ring .totem .name{font-size:12px}.totem-ring .totem .trait{font-size:10px}.totem-ring .center{width:110px;height:110px}.totem-ring .center .c-emoji{font-size:32px}.flair-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.steps:before{display:none}}@media (max-width: 768px){.items{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.hero{padding:32px 16px}.title{font-size:32px}.subtitle{font-size:15px}.metrics{grid-template-columns:1fr;gap:10px}.m-card{padding:14px}.totem-ring{transform:scale(.85);margin:-20px 0}.items,.flair-grid{grid-template-columns:1fr}}