h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}*,*:before,*:after{box-sizing:border-box}:root{font-family:Montserrat,sans-serif;color:#2e2f42;font-size:16px;line-height:1.5;font-weight:400;letter-spacing:.04em;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0}main{flex-grow:1}main:has(.back-link){text-align:center}.main-title{margin:20px 0 32px;font-size:44px;font-weight:800;line-height:1.1;color:#1e293b;flex-basis:100%;letter-spacing:-.02em}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width: 768px){.container{max-width:768px}}@media only screen and (min-width: 1200px){.container{max-width:1200px}}.back-link{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;margin-top:32px;color:#333;text-decoration:none;font-family:sans-serif;border:1px solid #ddd;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon{width:18px;height:18px;transition:transform .3s ease}.back-link:hover{background-color:#f8f9fa;border-color:#747bff;color:#747bff;box-shadow:0 4px 12px #0000000d}.back-link:hover .icon{transform:translate(-4px)}.header{padding:20px 0}.nav-list{display:flex;justify-content:center;align-items:center;gap:40px}.nav-link{position:relative;display:inline-block;font-size:20px;font-weight:500;letter-spacing:.02em;transition:color .2s ease-in}.nav-link:hover,.nav-link:focus{color:#747bff}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:4px;background-color:#747bff;border-radius:4px;transition:width .3s ease-out}.nav-link:hover:after,.nav-link.active:after{width:100%}#datetime-picker{width:272px;height:40px;padding:8px 16px;font-size:16px;line-height:1.5;border:1px solid #808080;border-radius:4px;outline:none;transition:border-color .25s cubic-bezier(.4,0,.2,1)}#datetime-picker:hover{border-color:#000}#datetime-picker:focus{border-color:#4e75ff}#datetime-picker:disabled{background-color:#fafafa;color:gray;border-color:gray;cursor:not-allowed}.btn{padding:8px 16px;width:75px;border-radius:8px;border:none;background-color:#4e75ff;color:#fff;font-weight:500;font-size:16px;line-height:1.5;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.btn:hover{background-color:#6c8cff}.btn:disabled{background-color:#cfcfcf;color:#989898;cursor:not-allowed}.timer{display:flex;gap:24px;margin-top:32px;justify-content:center}.field{display:flex;flex-direction:column;align-items:center}.value{font-size:40px;font-weight:400;line-height:1.2;letter-spacing:.04em;color:#2e2f42}.label{font-size:12px;font-weight:400;line-height:1.5;text-transform:uppercase;color:#2e2f42}#datetime-picker:focus{border-color:#4e75ff;outline:none}.flatpickr-day.today{border-color:#4e75ff!important;background:transparent!important;color:#2e2f42!important}.flatpickr-day:hover{background:#eef0f2!important;border-color:transparent!important}.flatpickr-day.selected,.flatpickr-day.selected:hover{background:#4e75ff!important;border-color:#4e75ff!important;color:#fff!important}.form{display:flex;flex-direction:column;width:360px;margin:0 auto}.form>label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:16px;margin-bottom:16px}.form input[type=number]{width:100%;height:40px;padding:8px 16px;border:1px solid #808080;border-radius:4px;font-size:16px;outline:none;box-sizing:border-box;transition:border-color .25s cubic-bezier(.4,0,.2,1)}.form input[type=number]:hover{border-color:#000}.form input[type=number]:focus{border-color:#4e75ff}fieldset{width:100%;border:1px solid #808080;border-radius:4px;display:flex;justify-content:center;gap:48px;padding:14px 48px 8px 28px;box-sizing:border-box;margin-bottom:24px}legend{font-size:16px;padding:0 4px;margin-right:auto}fieldset label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px}fieldset input[type=radio]{width:20px;height:20px;margin:0;cursor:pointer}button{width:100%;padding:10px;background-color:#4e75ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .25s cubic-bezier(.4,0,.2,1)}button:hover{background-color:#6c8cff}
