*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;min-height:100vh;padding:20px;color:#000}p a{display:inline-block;padding:10px 20px;background:#fff;color:#000;text-decoration:none;border-radius:8px;font-weight:600;margin-bottom:30px;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}p a:hover{background:#000;color:#fff;transform:translate(-5px)}h1{text-align:center;color:#000;font-size:3rem;margin:60px 0 40px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.links{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:50px}.link{display:inline-block;padding:20px 40px;background:#fff;color:#000;text-decoration:none;font-size:1.2rem;font-weight:600;border-radius:12px;box-shadow:0 8px 20px #0003;transition:all .3s ease}.link:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000004d;background:#000;color:#fff}#datetime-picker{display:block;margin:40px auto 20px;padding:15px 20px;font-size:1.1rem;border:2px solid #000000;border-radius:8px;background:#fff;width:300px;text-align:center;font-family:Courier New,monospace}#datetime-picker:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000004d}button[data-start]{display:block;margin:0 auto 60px;padding:15px 50px;font-size:1.2rem;font-weight:600;background:#fff;color:#000;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease}button[data-start]:hover:not(:disabled){background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}button[data-start]:disabled{opacity:.5;cursor:not-allowed}.timer{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:40px}.field{display:flex;flex-direction:column;align-items:center;background:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 8px 25px #0003;min-width:120px}.value{font-size:3.5rem;font-weight:700;color:#000;font-family:Courier New,monospace;line-height:1}.label{margin-top:10px;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#000;font-weight:500}.form{max-width:500px;margin:60px auto;background:#fff;padding:40px;border-radius:12px;box-shadow:0 8px 30px #0000004d}.form label{display:block;margin-bottom:25px;font-size:1rem;font-weight:500;color:#333}.form input[type=number]{width:100%;padding:12px;margin-top:8px;border:2px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form input[type=number]:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #667eea1a}fieldset{border:2px solid #eee;border-radius:8px;padding:20px;margin-bottom:25px}legend{padding:0 10px;font-weight:600;color:#000}fieldset label{display:flex;align-items:center;margin-bottom:12px;cursor:pointer}fieldset label:last-child{margin-bottom:0}.form input[type=radio]{margin-right:10px;width:18px;height:18px;cursor:pointer;accent-color:#000000}.form button[type=submit]{width:100%;padding:15px;font-size:1.1rem;font-weight:600;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.form button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.form button[type=submit]:active{transform:translateY(0)}