.beauty-button-wrapper{display:inline-block;margin:10px;position:relative;z-index:1}.beauty-button{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;font-size:16px;padding:15px 30px;border-radius:8px;transition:all .3s ease;overflow:hidden;cursor:pointer;border:none;min-width:160px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.2);transform:translateY(0)}.beauty-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.3)}.beauty-button-text{position:relative;z-index:2;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.beauty-button-effect{position:absolute;z-index:1;pointer-events:none}.beauty-button-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease}.beauty-button-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.6);transform:scale(0);animation:ripple 1s linear;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}.water-drop,.spark,.circuit-line,.component,.blueprint-line,.dimension-line,.falling-brick,.click-measurement,.tape-end,.electrical-point,.current-pulse,.circuit-spark,.red-measurement-point,.red-point-measurement,.blueprint-stamp,.approved-text,.measurement-point,.point-measurement{position:absolute;pointer-events:none;z-index:1}@keyframes showMeasurement{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes lineDraw{0%{width:0;height:0}100%{width:100%;height:2px}}@keyframes textFadeIn{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}.beauty-button-1 .beauty-button{background:linear-gradient(125deg,#ff0080 0%,#ff8c00 20%,#ffeb3b 40%,#40e0d0 60%,#9370db 80%,#ff0080 100%);background-size:400% 400%;animation:hologramFlow 6s linear infinite;box-shadow:0 10px 40px rgba(255,0,128,.4),inset 0 5px 20px rgba(255,255,255,.2),0 0 0 1px rgba(255,255,255,.1);transform:translateZ(20px)}.beauty-button-1 .beauty-button:before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(125deg,#ff0080 0%,#ff8c00 20%,#ffeb3b 40%,#40e0d0 60%,#9370db 80%,#ff0080 100%);background-size:400% 400%;border-radius:14px;z-index:-1;opacity:.7;animation:hologramFlow 3s linear infinite reverse;filter:blur(20px)}.beauty-button-1 .beauty-button:hover{animation-duration:2s;transform:translateY(-8px) translateZ(30px);box-shadow:0 20px 60px rgba(255,0,128,.7),inset 0 10px 30px rgba(255,255,255,.3),0 0 0 2px rgba(255,255,255,.2)}@keyframes hologramFlow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.beauty-button-2 .beauty-button{background:rgba(0,0,0,.95);border:3px solid #0ff;color:#0ff;text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff;box-shadow:0 0 20px rgba(0,255,255,.3),0 0 40px rgba(0,255,255,.2),0 0 60px rgba(0,255,255,.1),inset 0 0 20px rgba(0,255,255,.1);transition:all .6s cubic-bezier(.4,0,.2,1)}.beauty-button-2 .beauty-button:after{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:#0ff;border-radius:16px;z-index:-1;opacity:0;transition:opacity .6s ease;filter:blur(25px)}.beauty-button-2 .beauty-button:hover{background:rgba(0,20,20,.95);box-shadow:0 0 30px rgba(0,255,255,.8),0 0 60px rgba(0,255,255,.5),0 0 90px rgba(0,255,255,.3),inset 0 0 30px rgba(0,255,255,.2);transform:translateY(-6px)}.beauty-button-2 .beauty-button:hover:after{opacity:.6}.beauty-button-2.burning .beauty-button{animation:neonBurnout 1.2s cubic-bezier(.4,0,.2,1)}@keyframes neonBurnout{0%{box-shadow:0 0 40px rgba(0,255,255,.9),0 0 80px rgba(0,255,255,.6),inset 0 0 30px rgba(0,255,255,.3)}20%{box-shadow:0 0 10px #ff3232,0 0 30px rgba(255,0,0,.8),inset 0 0 15px rgba(255,0,0,.4);color:#ff3232;border-color:#ff3232;text-shadow:0 0 10px #ff3232,0 0 20px red}40%{box-shadow:0 0 50px #ffc832,0 0 100px rgba(255,180,0,.7),inset 0 0 25px rgba(255,200,50,.5);color:#ffc832;border-color:#ffc832;text-shadow:0 0 10px #ffc832,0 0 20px #ffb400}60%{box-shadow:0 0 20px rgba(255,255,100,.9),0 0 40px rgba(255,255,50,.6),inset 0 0 20px rgba(255,255,100,.3);color:#ffff64;border-color:#ffff64}100%{box-shadow:0 0 30px rgba(0,255,255,.8),0 0 60px rgba(0,255,255,.5),inset 0 0 25px rgba(0,255,255,.2);color:#0ff;border-color:#0ff;text-shadow:0 0 10px #0ff,0 0 20px #0ff}}.beauty-button-3 .beauty-button{background:linear-gradient(135deg,#001122 0%,#003344 30%,#001122 100%);border:2px solid rgba(0,255,247,.4);color:#00fff7;box-shadow:0 10px 40px rgba(0,255,247,.3),inset 0 0 30px rgba(0,255,247,.1),0 0 0 1px rgba(0,255,247,.2);position:relative;overflow:visible;max-height:60px;min-height:50px}.beauty-button-3 .beauty-button:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle at center,rgba(0,255,247,.4) 0,transparent 70%);opacity:0;transition:opacity .5s ease;z-index:-1;border-radius:50%;filter:blur(30px)}.beauty-button-3 .beauty-button-effect{width:35px;height:35px;background:radial-gradient(circle,#00fff7 0,rgba(0,255,247,0) 70%);border-radius:50%;opacity:.8;top:50%;left:50%;transform:translate(-50%,-50%);animation:reactorCore 2s ease-in-out infinite;filter:blur(8px);box-shadow:0 0 30px #00fff7,0 0 60px rgba(0,255,247,.5)}.beauty-button-3 .beauty-button:hover:before{opacity:1}.beauty-button-3 .beauty-button:hover{box-shadow:0 15px 60px rgba(0,255,247,.6),inset 0 0 40px rgba(0,255,247,.2),0 0 0 2px rgba(0,255,247,.3);transform:translateY(-8px)}.beauty-button-3 .beauty-button:hover .beauty-button-effect{animation:reactorCore .5s ease-in-out infinite;opacity:1}@keyframes reactorCore{0%,100%{transform:translate(-50%,-50%) scale(.8);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.4);opacity:1}}.beauty-button-4 .beauty-button{background:linear-gradient(135deg,#43cea2 0%,#185a9d 100%),url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGZpbHRlciBpZD0iYSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9Ii43NSIgc3RpdGNoVGlsZXM9InN0aXRjaCI+PC9mZVR1cmJ1bGVuY2U+PGZlQ29sb3JNYXRyaXggdHlwZT0ic2F0dXJhdGUiIHZhbHVlcz0iMCI+PC9mZUNvbG9yTWF0cml4PjwvZmlsdGVyPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbHRlcj0idXJsKCNhKSIgb3BhY2l0eT0iMC4xIj48L3JlY3Q+PC9zdmc+');background-blend-mode:overlay;color:#fff;box-shadow:0 15px 35px rgba(67,206,162,.4),inset 0 0 25px rgba(255,255,255,.1);position:relative;overflow:hidden;animation:organicPulse 4s infinite ease-in-out}.beauty-button-4 .beauty-button:before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#43cea2,#185a9d,#43cea2,#185a9d);background-size:400% 400%;border-radius:14px;z-index:-1;animation:organicFlow 8s infinite linear;filter:blur(15px);opacity:.6}.beauty-button-4 .beauty-button:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2) 0,transparent 50%),radial-gradient(circle at 70% 70%,rgba(67,206,162,.3) 0,transparent 50%);opacity:0;transition:opacity .5s ease;mix-blend-mode:overlay;animation:cellMovement 10s infinite linear}.beauty-button-4 .beauty-button-effect{position:absolute;width:40px;height:40px;background:radial-gradient(circle,rgba(255,255,255,.4) 0,transparent 70%);border-radius:50%;filter:blur(5px);animation:organicOrbit 15s infinite linear}.beauty-button-4 .beauty-button:hover{animation:organicPulse 1s infinite ease-in-out}.beauty-button-4 .beauty-button:hover:after{opacity:.8;animation-duration:3s}@keyframes organicPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.2)}}@keyframes organicFlow{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes cellMovement{0%{background-position:0 0}100%{background-position:100% 100%}}@keyframes organicOrbit{0%{transform:rotate(0) translateX(60px) rotate(0)}100%{transform:rotate(360deg) translateX(60px) rotate(-360deg)}}.beauty-button-5 .beauty-button{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);color:#ecf0f1;box-shadow:0 15px 35px rgba(44,62,80,.5),inset 0 0 30px rgba(255,255,255,.1);position:relative;overflow:hidden}.beauty-button-5 .water-drop{position:absolute;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.8) 0,rgba(255,255,255,.1) 70%);border-radius:50%;filter:blur(2px);opacity:0}.beauty-button-5 .beauty-button:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.3) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.2) 0,transparent 50%);opacity:0;transition:opacity .5s ease;mix-blend-mode:overlay}.beauty-button-5 .beauty-button:hover:before{opacity:.8}.beauty-button-5 .beauty-button:hover{box-shadow:0 20px 50px rgba(44,62,80,.7),inset 0 0 40px rgba(255,255,255,.2);transform:translateY(-3px)}@keyframes dropFall{0%{transform:translateY(-20px) scale(.5);opacity:0}20%{opacity:.8}100%{transform:translateY(100px) scale(1.2);opacity:0}}.beauty-button-6 .beauty-button{background:linear-gradient(135deg,#000 0%,#222 100%);color:#0ff;box-shadow:0 15px 35px rgba(0,0,0,.8),inset 0 0 25px rgba(0,255,255,.1);position:relative;overflow:visible}.beauty-button-6 .spark{position:absolute;width:4px;height:4px;background:#0ff;border-radius:50%;filter:blur(1px);opacity:0}.beauty-button-6 .beauty-button-text{text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff;color:#0ff!important;font-weight:700}.beauty-button-6 .beauty-button:hover{box-shadow:0 20px 50px rgba(0,0,0,.9),inset 0 0 35px rgba(0,255,255,.2),0 0 20px rgba(0,255,255,.5)}.beauty-button-6 .welding-spot{transition:all 1.5s ease-out}@keyframes blueSparkPulse{0%,100%{opacity:.3}50%{opacity:.8}}@keyframes yellowSparkPulse{0%,100%{opacity:.4}50%{opacity:.9}}.beauty-button-7 .beauty-button{background:linear-gradient(135deg,#f1c40f 0%,#f39c12 100%);color:#2c3e50;box-shadow:0 15px 35px rgba(241,196,15,.5),inset 0 0 25px rgba(255,255,255,.2);position:relative;overflow:hidden;font-family:'Courier New',monospace;font-weight:800;letter-spacing:1px}.beauty-button-7 .tape-measure{position:absolute;top:0;left:-100%;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 9px,#2c3e50 9px,#2c3e50 10px);transition:all .8s cubic-bezier(.175,.885,.32,1.275);opacity:0}.beauty-button-7 .measurement{position:absolute;color:#2c3e50;font-size:12px;font-weight:700;opacity:0}.beauty-button-7 .beauty-button:hover .tape-measure{left:0;opacity:1}.beauty-button-7 .falling-brick{transition:all .8s cubic-bezier(.34,1.56,.64,1)}.beauty-button-8 .beauty-button{background:linear-gradient(135deg,#000 0%,#222 100%);color:#0f0;box-shadow:0 15px 35px rgba(0,0,0,.8),inset 0 0 25px rgba(0,255,0,.1);position:relative;overflow:hidden;font-family:'Courier New',monospace}.beauty-button-8 .circuit-line{position:absolute;background:#0f0;opacity:0}.beauty-button-8 .component{position:absolute;color:#0f0;font-size:20px;opacity:0}.beauty-button-8 .beauty-button-text{text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0;color:#0f0!important;font-weight:700}.beauty-button-8 .beauty-button:hover .circuit-line{opacity:1;animation:circuitFlow 2s infinite linear}.beauty-button-8 .beauty-button:hover .component{opacity:1;animation:componentBlink 1s infinite}@keyframes circuitFlow{0%{box-shadow:0 0 5px #0f0}50%{box-shadow:0 0 20px #0f0}100%{box-shadow:0 0 5px #0f0}}@keyframes componentBlink{0%,100%{opacity:.5}50%{opacity:1}}.beauty-button-8 .electrical-point{transition:all .5s ease-out}.beauty-button-9 .beauty-button{background:linear-gradient(135deg,#f5f0e6 0%,#e8e2d6 100%),repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(255,255,255,.3) 5px,rgba(255,255,255,.3) 10px),repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(255,255,255,.2) 5px,rgba(255,255,255,.2) 10px);background-blend-mode:multiply,overlay,overlay;color:#000;box-shadow:0 15px 35px rgba(44,62,80,.3),inset 0 0 25px rgba(255,255,255,.5),0 0 0 2px #7f8c8d;position:relative;overflow:hidden;font-family:'Courier New',monospace;font-weight:700}.beauty-button-9 .blueprint-line{position:absolute;background:#3498db;opacity:0;transition:all .5s ease}.beauty-button-9 .dimension-line{position:absolute;background:#e74c3c;opacity:0;transition:all .5s ease}.beauty-button-9 .dimension-text{position:absolute;color:#2c3e50;font-size:10px;font-weight:700;opacity:0}.beauty-button-9 .beauty-button-text{color:#000!important;text-shadow:1px 1px 2px rgba(255,255,255,.5)}.beauty-button-9 .beauty-button:hover .blueprint-line{opacity:.8;animation:lineDraw 1s ease-out forwards}.beauty-button-9 .beauty-button:hover .dimension-line{opacity:.6;animation:lineDraw 1.2s ease-out forwards}.beauty-button-9 .beauty-button:hover .dimension-text{opacity:1;animation:textFadeIn .5s ease-out forwards}.beauty-button-9 .red-measurement-point,.beauty-button-9 .red-point-measurement{transition:all .5s ease-out}@media (max-width:768px){.beauty-button{padding:12px 24px;font-size:15px;min-width:140px}}@media (max-width:480px){.beauty-button{padding:10px 20px;font-size:14px;min-width:120px;margin:5px}.beauty-button-wrapper{margin:5px}}@media (max-width:320px){.beauty-button{padding:8px 16px;font-size:13px;min-width:100px}}.beauty-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.beauty-button-wrapper{touch-action:manipulation}@media (hover:none) and (pointer:coarse){.beauty-button:hover{transform:none!important}.beauty-button:active{transform:scale(.98)!important;opacity:.9!important}}.beauty-button-6 .beauty-button,.beauty-button-7 .beauty-button,.beauty-button-8 .beauty-button,.beauty-button-9 .beauty-button{z-index:1;position:relative;overflow:visible!important}@media (max-width:768px){.beauty-button{min-width:140px!important;padding:12px 24px!important}}@media (max-width:480px){.beauty-button{min-width:120px!important;padding:10px 20px!important;font-size:14px!important}.beauty-button-wrapper{padding:5px;margin:8px}}