.countdown-wrapper{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:2rem 0}.countdown-display{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(30,64,175,.1));border:2px solid #3b82f6;border:2px solid var(--primary-color,#3b82f6);border-radius:20px;box-shadow:0 10px 30px rgba(59,130,246,.2);min-height:300px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.countdown-display:hover{box-shadow:0 15px 40px rgba(59,130,246,.3);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.countdown-display .card-body{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem 2rem}.countdown-timer{-webkit-text-fill-color:transparent;-webkit-animation:pulse 1s ease-in-out infinite;animation:pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1e40af);-webkit-background-clip:text;background-clip:text;font-family:Courier New,monospace;font-size:5rem;font-weight:700;letter-spacing:.1em;margin:0}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.countdown-status{color:#6b7280;font-size:1.25rem;font-weight:500}.countdown-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(30,64,175,.05));border:1px solid rgba(59,130,246,.2);border-radius:16px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease}.countdown-controls:hover{box-shadow:0 8px 25px rgba(59,130,246,.15)}.control-group{margin-bottom:1.5rem}.control-group:last-child{margin-bottom:0}.control-label{color:#374151;display:block;font-size:.95rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.custom-input{background-color:hsla(0,0%,100%,.8);border:2px solid rgba(59,130,246,.3);border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.custom-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.input-group{display:flex;gap:.5rem}.input-group .btn{border-radius:8px;font-weight:600;transition:all .3s ease}.input-group .btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;color:#fff;padding:.75rem 1.5rem}.input-group .btn-primary:hover{box-shadow:0 4px 12px rgba(59,130,246,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.input-group .btn-secondary{background:linear-gradient(135deg,#6b7280,#374151);border:none;color:#fff;min-width:44px;padding:.75rem 1rem}.input-group .btn-secondary:hover{box-shadow:0 4px 12px hsla(220,9%,46%,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.preset-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.btn-preset{background:#fff;border:2px solid rgba(59,130,246,.3);border-radius:10px;color:#3b82f6;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem .5rem;text-align:center;transition:all .3s ease}.btn-preset:hover{background:rgba(59,130,246,.1);border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.2);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-preset.active{background:linear-gradient(135deg,#3b82f6,#1e40af);border-color:#1e40af;box-shadow:0 6px 16px rgba(59,130,246,.4);color:#fff}.btn-control{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.05em;margin-bottom:1rem;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-control:last-child{margin-bottom:0}.btn-play-pause{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 15px rgba(59,130,246,.3);color:#fff}.btn-play-pause:hover{box-shadow:0 8px 25px rgba(59,130,246,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-play-pause:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-reset{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 15px rgba(6,182,212,.3);color:#fff}.btn-reset:hover{box-shadow:0 8px 25px rgba(6,182,212,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-reset:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.countdown-wrapper{gap:1.5rem;grid-template-columns:1fr}.countdown-timer{font-size:3.5rem}.countdown-display .card-body{min-height:200px;padding:2rem 1.5rem}.preset-buttons{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(55px,1fr))}.btn-preset{font-size:.8rem;padding:.5rem .35rem}.btn-control{font-size:1rem;margin-bottom:.75rem;padding:.85rem 1rem}}@media (max-width:480px){.countdown-timer{font-size:2.5rem}.countdown-display .card-body{min-height:150px;padding:1.5rem 1rem}.countdown-status{font-size:1rem}.control-label{font-size:.85rem}.preset-buttons{grid-template-columns:repeat(3,1fr)}.input-group{flex-wrap:wrap}.input-group .btn-primary{flex:1 1;min-width:80px}}
/*# sourceMappingURL=415.5c6092e0.chunk.css.map*/