.timer-component{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:5rem;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.timer-component h2{color:#f4ff61;text-shadow:0 2px 4px rgba(255,255,255,.3);margin:0}.time-display-element{color:#1a1a1a;font-size:3rem;font-weight:700;text-shadow:0 2px 8px rgba(255,255,255,.4);margin:0}.input-element{padding:20px;width:250px;border-radius:10px;border:2px solid rgba(255,255,255,.5);background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1a1a1a;font-size:16px;transition:all .3s ease}.input-element::placeholder{color:#1a1a1a99}.input-element:focus{outline:none;border-color:#90ee90cc;background:#ffffff40;box-shadow:0 4px 15px #90ee904d}.button-element{padding:15px;width:200px;border-radius:10px;border:2px solid rgba(255,255,255,.8);background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#1a1a1a;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;text-shadow:0 1px 2px rgba(255,255,255,.5)}.button-element:hover{transform:translateY(-2px);box-shadow:0 6px 20px #90ee9066;background:#90ee904d;border-color:#90ee90e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.button-element:active{transform:translateY(0);box-shadow:0 2px 10px #0003}*{padding:0;margin:0}.app-container{background-image:url(/assets/img-B-IClGrH.png);background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;min-height:100vh;gap:2rem}