.form-container{max-width:400px;margin:20px auto;padding:12px;background:var(--light-gray-color);border-radius:8px;box-shadow:0 0 8px #0000000d}.top-cont{display:flex;justify-content:space-between}label{font-weight:600;margin-top:12px;display:block;color:#333}.select{width:100%;padding:8px 12px;margin-top:4px;border:1.5px solid #bbb;border-radius:5px;background:#fff;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;cursor:pointer;transition:border-color .2s ease}.select:hover,.select:focus{border-color:#007bff;outline:none}.transport-toggle{cursor:pointer;margin-top:4px}.inline-flex{display:inline-flex;align-items:center;margin-top:6px}.counter-btn{background-color:#007bff;border:none;color:#fff;font-size:22px;width:32px;height:32px;border-radius:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.counter-btn:hover{background-color:#0056b3}.counter-value{width:40px;text-align:center;border:1.5px solid #bbb;border-radius:4px;font-size:16px;margin:0 6px;pointer-events:none;background-color:#fff;color:#222}.card{max-width:500px;margin:24px auto;padding:16px;border-radius:8px;box-shadow:0 0 8px #00000026;display:flex;flex-direction:column;gap:8px;background-color:var(--gray-color)}.card-header{display:flex;align-items:center;gap:20px;position:relative}.card-thumb{width:80px;height:80px;border:var(--border);border-radius:12px}.card-info{flex:1;display:flex;flex-direction:column;justify-content:center}.title-line{font-size:var(--font-medium);color:var(--light-color)}.title-block{display:flex;gap:4px}.bold{font-weight:700}.card-icon{width:24px;height:24px;color:var(--blue-color);position:absolute;top:0;right:0;padding:8px}.card-main-img{margin:0 auto;width:160px;height:160px;border:var(--border);border-radius:12px;object-fit:cover}.card-big-text{font-size:var(--font-big);text-align:center;color:var(--light-color)}.card-sub-text{font-size:var(--font-small);color:var(--text-light-gray-color);text-align:center}.card-sections{display:flex;justify-content:space-between;gap:12px}.section-block{display:flex;flex-direction:column;flex:1;text-align:center}.section-title{font-size:var(--font-medium-big);color:var(--text-light-gray-color)}.section-content{font-size:var(--font-medium);color:var(--light-color)}.card-footer{font-size:var(--font-medium-big);text-align:center;color:var(--green-color);margin-top:6px}.card-timer{font-size:20px;font-weight:700;text-align:center;color:var(--green-color)}.page-wrapper{margin:0 auto 4px}.header{padding:12px 0;display:flex;justify-content:space-between;align-items:center}.logo-title{display:flex;align-items:center;gap:12px}.arrow{width:28px;height:28px;will-change:filter;transition:filter .3s}.title-cont{display:block;justify-content:center}.title{font-size:18px;font-weight:700}.back-link{color:var(--light-color);text-decoration:none;width:28px;height:28px;margin-bottom:2px}.tabs-wrapper{position:relative;display:flex;width:100%;height:30px;border-radius:15px;overflow:hidden;background-color:var(--gray-color)}.slider{position:absolute;top:0;left:0;width:50%;height:100%;background-color:var(--light-gray-color);border-radius:15px;transition:transform .3s ease;z-index:0}.tab{flex:1;border:4px;cursor:pointer;font-size:14px;background:transparent;color:var(--light-color);z-index:1;transition:color .3s ease;font-weight:600}.tab.active{color:var(--green-color)}:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--light-color);background-color:var(--dark-gray-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--dark-gray-color: #242424;--light-gray-color: #5d5c5c;--text-light-gray-color: #828282;--gray-color: #343434;--light-color: #f2f2ff;--green-color: #00c400;--blue-color: #3620ff;--border: 1px solid var(--light-gray-color);--font-big: 20px;--font-medium-big: 18px;--font-medium: 16px;--font-small: 14px}p,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}ul,ol{margin-top:0;margin-bottom:0;padding-left:0}button{font-family:Roboto,sans-serif}
