.glass-effect{background:rgba(255,255,255,0.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}@media (prefers-color-scheme:dark){.glass-effect{background:rgba(30,30,40,0.8)}}@media (max-width:768px){.glass-effect{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(255,255,255,0.9)}}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.card-hover{transition:all 0.3s ease}@media (min-width:769px){.card-hover:hover{transform:translateY(-5px)}}@media (max-width:768px){.card-hover:active{transform:scale(0.98);transition:transform 0.05s}}.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;color:#ffffff!important;transition:all 0.3s ease;position:relative;overflow:hidden}@media (min-width:769px){.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(59,130,246,0.3)}}@media (max-width:768px){.btn-primary:active{transform:scale(0.96);transition:transform 0.05s}}.btn-primary::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.btn-primary:active::after{width:200%;height:200%}.btn-secondary{background:linear-gradient(135deg,#64748b 0%,#475569 100%)!important;color:#ffffff!important;transition:all 0.3s ease;position:relative;overflow:hidden}@media (min-width:769px){.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(100,116,139,0.3)}}@media (max-width:768px){.btn-secondary:active{transform:scale(0.96);transition:transform 0.05s}}.btn-secondary::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.btn-secondary:active::after{width:200%;height:200%}.btn-paste{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important;color:#ffffff!important;transition:all 0.3s ease;position:relative;overflow:hidden}@media (min-width:769px){.btn-paste:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(139,92,246,0.3)}}@media (max-width:768px){.btn-paste:active{transform:scale(0.96);transition:transform 0.05s}}.btn-paste::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.btn-paste:active::after{width:200%;height:200%}@media (max-width:768px){.btn-primary,.btn-secondary,.btn-paste{padding:12px 20px;font-size:0.9rem;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px}}@media (max-width:480px){.btn-primary,.btn-secondary,.btn-paste{padding:10px 16px;font-size:0.85rem}}@media (hover:none) and (pointer:coarse){.btn-primary,.btn-secondary,.btn-paste,.card-hover{cursor:pointer;-webkit-tap-highlight-color:transparent}}@media (prefers-color-scheme:dark){.glass-effect{background:rgba(20,20,30,0.8);border-color:rgba(255,255,255,0.1)}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.btn-paste,.card-hover{transition:none}.btn-primary:hover,.btn-secondary:hover,.btn-paste:hover,.card-hover:hover{transform:none}.btn-primary::after,.btn-secondary::after,.btn-paste::after{display:none}}