@charset "UTF-8";:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #d1a743;--accent-hover: #f1d592;--surface-color: #1a1a1a}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden}main{width:100%;max-width:500px;padding:20px;text-align:center;box-sizing:border-box}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#333;border-radius:5px;outline:none;cursor:pointer;background-image:linear-gradient(var(--accent-color),var(--accent-color));background-repeat:no-repeat;background-size:10% 100%;margin:25px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:26px;width:26px;border-radius:50%;background:var(--text-color);border:4px solid var(--accent-color);box-shadow:0 0 15px #d1a74399;cursor:pointer;transition:transform .1s ease;margin-top:-9px}input[type=range]::-moz-range-thumb{height:22px;width:22px;border-radius:50%;background:var(--text-color);border:4px solid var(--accent-color);box-shadow:0 0 15px #d1a74399;cursor:pointer}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}.btn-start,.btn-next{display:inline-block;background-color:var(--accent-color);color:#000;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;text-decoration:none;margin-top:20px}.btn-start:hover,.btn-next:hover{background-color:var(--accent-hover);transform:translateY(-2px)}