:root{--glass-white:rgba(255,255,255,0.15);--glass-white-hover:rgba(255,255,255,0.25);--glass-white-active:rgba(255,255,255,0.35);--glass-border:rgba(255,255,255,0.3);--glass-border-hover:rgba(255,255,255,0.5);--glass-shadow:0 8px 32px rgba(31,38,135,0.37);--glass-shadow-hover:0 12px 48px rgba(31,38,135,0.5);--glass-text:rgba(255,255,255,0.95);--glass-text-hover:rgba(255,255,255,1)}.glassmorphic-btn{position:relative;padding:16px 32px;font-size:16px;font-weight:600;color:var(--glass-text);background:var(--glass-white);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--glass-shadow);cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-width:160px;white-space:nowrap;font-family:inherit;letter-spacing:.025em}.glassmorphic-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.4,0,.2,1);z-index:1}.glassmorphic-btn:after{content:"";position:absolute;inset:1px;border-radius:15px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05) 50%,rgba(255,255,255,.15));opacity:0;transition:opacity .4s ease;z-index:0}.glassmorphic-btn:hover{background:var(--glass-white-hover);border-color:var(--glass-border-hover);color:var(--glass-text-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.glassmorphic-btn:hover:before{left:100%}.glassmorphic-btn:hover:after{opacity:1}.glassmorphic-btn:active{background:var(--glass-white-active);transform:translateY(0);transition:all .1s ease}.glassmorphic-btn--primary{background:var(--glass-white-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover)}.glassmorphic-btn--primary:hover{background:var(--glass-white-active);border-color:rgba(255,255,255,.6);box-shadow:0 16px 64px rgba(31,38,135,.6);transform:translateY(-3px)}.glassmorphic-btn--secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.glassmorphic-btn--secondary:hover{background:var(--glass-white);border-color:var(--glass-border)}.glassmorphic-btn--primary{animation:gentle-pulse 3s infinite}@keyframes gentle-pulse{0%,to{box-shadow:var(--glass-shadow-hover)}50%{box-shadow:var(--glass-shadow-hover),0 0 20px rgba(255,255,255,.1)}}.glassmorphic-buttons-container{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.glassmorphic-btn span{position:relative;z-index:2;transition:all .3s ease}.glassmorphic-btn:focus{outline:none;box-shadow:var(--glass-shadow-hover),0 0 0 3px rgba(255,255,255,.3)}@media (max-width:640px){.glassmorphic-btn{padding:14px 24px;font-size:15px;min-width:140px}}.glassmorphic-btn--loading{pointer-events:none;position:relative}.glassmorphic-btn--loading:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.3);border-top-color:rgba(255,255,255,.8);border-radius:50%;animation:spin 1s linear infinite;z-index:3}.glassmorphic-btn--loading span{opacity:0}@keyframes spin{to{transform:rotate(1turn)}}.glassmorphic-btn:hover{animation:none}.glassmorphic-btn--primary:hover{animation:hover-glow .8s ease-out}@keyframes hover-glow{0%{box-shadow:var(--glass-shadow-hover)}50%{box-shadow:var(--glass-shadow-hover),0 0 30px rgba(255,255,255,.2),inset 0 0 20px rgba(255,255,255,.1)}to{box-shadow:0 16px 64px rgba(31,38,135,.6),0 0 20px rgba(255,255,255,.15)}}